farbige Anzahl-Auswahl Buttons

Thema wurde von RJHGW, 12. Dezember 2016 erstellt.

  1. RJHGW

    RJHGW Erfahrener Benutzer

    Registriert seit:
    12. August 2015
    Beiträge:
    100
    Danke erhalten:
    6
    Danke vergeben:
    68
    Moin,

    gibt es die Möglichkeit wenn man mit der Maus über das + und - fährt, das sich die Anzahl-Auswahl-Buttons statt einheitlich ändern, unterschiedlich farblich verändern, wie in dem angehängtem Bild?
     

    Anhänge:

  2. Torben Wark

    Torben Wark Gambio GmbH

    Registriert seit:
    15. Juli 2014
    Beiträge:
    2.581
    Danke erhalten:
    1.178
    Danke vergeben:
    399
    Ja das geht mit CSS. Du brauchst folgende Selektoren:

    Code:
    a.btn.btn-default.btn-lg.btn-plus:hover {
        background-color: #00ff00 //das ist ein recht knalliges Grün
    }
    Code:
    a.btn.btn-default.btn-lg.btn-minus:hover {
        background-color: #ff0000 //das ist ein recht knalliges Rot
    }
    Mit dem :hover selektierst du mit CSS den Zustand, wenn du mit der Maus über das gewählte Element fährst. Derr Selektor ist deshalb so lang, da man damit verhindern kann, das die eigenen Styles durch andere im System vorhandene Styles überschrieben werden. Um so genauer ein Selektor beschrieben ist, desto "stärker" ist er, d.h. man bräuchte einen noch genaueren, um ihn wieder überschreiben zu könnnen.
     
  3. RJHGW

    RJHGW Erfahrener Benutzer

    Registriert seit:
    12. August 2015
    Beiträge:
    100
    Danke erhalten:
    6
    Danke vergeben:
    68
    VielenDank, das ist genau das was ich gesucht habe.
    Danke auch nochmal für die gute css Erklärung!
     
  4. Torben Wark

    Torben Wark Gambio GmbH

    Registriert seit:
    15. Juli 2014
    Beiträge:
    2.581
    Danke erhalten:
    1.178
    Danke vergeben:
    399
    Füg mal beim Minus-Button noch ein
    Code:
    color: #FFFFFF;
    ein. Das ändert die Schriftfarbe auf weiß und das Minus ist besser lesbar. ;)