Hover CSS mit "Element untersuchen" nicht zu finden

Thema wurde von Senior, 24. Juli 2018 erstellt.

  1. Senior
    Senior Erfahrener Benutzer
    Registriert seit:
    17. April 2013
    Beiträge:
    816
    Danke erhalten:
    178
    Danke vergeben:
    241
    #1 Senior, 24. Juli 2018
    Immer wieder stoße ich auf das Problem, daß ich CSS für Hover nicht mit "Element untersuchen" finden kann,
    Exemplarisch ein Beispiel im Anhang (Leerer Warenkorb). Der Button wird unschön grau, wenn man mit der Maus drüberfährt.
    Das CSS zum Ändern des Hoververhalten wäre interessant.
    Noch viel mehr würde mich freuen, zu erfahren, wie ich das grunsaätzlich selbst finden kann.
     

    Anhänge:

  2. barbara
    barbara G-WARD 2014-2020
    Registriert seit:
    14. August 2011
    Beiträge:
    35.657
    Danke erhalten:
    11.371
    Danke vergeben:
    1.616
    #2 barbara, 24. Juli 2018
    Versuche es mal mit:
    Code:
    .btn.btn-default:focus{
color: #666;
    background-color: #dadada;
    border-color: #8c8c8c;
}
    oder mit
    Code:
    .btn.btn-default:hover{
color: #666;
    background-color: #dadada;
    border-color: #8c8c8c;
}
    (ich glaube der 1. ist, wenn man den Link anklickt)
    Man findet das, wenn man die Console so hoch öffnet, dass sie direkt am Objekt ist.
    Meist ist es aber nur ein
    :hover
    das an den Bereichsnamen angehängt wird.
     
  3. Torben Wark
    Torben Wark Gambio GmbH
    Registriert seit:
    15. Juli 2014
    Beiträge:
    2.581
    Danke erhalten:
    1.178
    Danke vergeben:
    399
    #3 Torben Wark, 24. Juli 2018
    In deinem Fall wäre das CSS hier wohl folgendes:

    Code:
    .cart-empty .btn.btn-default:hover,
.cart-not-empty .btn.btn-default:hover{
    background-color: #deineFarbe;
}
    Man kann die Hover-Effekte in der Konsole aber auch gezielt auslösen. In einem Firefox kann man das in der Konsole mit einem Klick hierauf öffnen (siehe roter Rahmen):

    firefox_pseudo_classes.png

    In Chrome geht das mit einem Klick hierauf (siehe roter Rahmen):

    chrome_pseudo_classes.png

    Da bekommst du dann ein paar Checkboxen mit denen du die einzelnen Status aktivieren und testen kannst und dann auch die entsprechenden Styles aufgelistet bekommst.

    Edit: :focus wird gesetzt, wenn man zum Beispiel mit der Tabulator-Taste im Browser durch die einzelnen Elemente navigiert, das ist hier denke ich nicht so wichtig. Wenn man auf ein Element drauf klickt, wird :active verwendet.
     
  4. barbara
    barbara G-WARD 2014-2020
    Registriert seit:
    14. August 2011
    Beiträge:
    35.657
    Danke erhalten:
    11.371
    Danke vergeben:
    1.616
    #4 barbara, 24. Juli 2018
    Das ist natürlich noch einfacher :)

    die kleinen Links hatte ich noch gar nicht auf dem Schirm.
     
  5. Kai Stejuhn
    Kai Stejuhn Beta-Held
    Registriert seit:
    26. September 2014
    Beiträge:
    1.454
    Danke erhalten:
    743
    Danke vergeben:
    92
    #5 Kai Stejuhn, 24. Juli 2018
    Am besten findest Du die Einträge, wenn Du mit "Element untersuchen" die Bereiche erweiterst, in dem Du im angezeigten Source-Code die rechte Maustaste drückst und dort im erscheinenden Menü "hover", "active" und oder "focus" auswählst. Damit werden die auch die CSS-Einstellungen für die entsprechenden "Zustände" angezeigt.

    Torben war mal wieder schneller
     
  6. Senior
    Senior Erfahrener Benutzer
    Registriert seit:
    17. April 2013
    Beiträge:
    816
    Danke erhalten:
    178
    Danke vergeben:
    241
    #6 Senior, 24. Juli 2018
    Danke Ihr 3! Das war schonmal wieder ein AHA!-Effekt :)
    Beide Stylevarianten funktionieren.
    Ich frage mich nun nur noch warum das vorher schon Vorhandene nicht gegriffen hat:

    Code:
    .btn.btn-default:active:hover, .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel button.btn-default:active:hover, .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel button.ui-priority-secondary:active:hover, .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel button.ui-priority-secondary:active:hover, .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel button.ui-priority-secondary.btn:active:hover, .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel button.ui-priority-secondary:active:hover, .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel button.ui-priority-secondary:active:hover, .btn.btn-default.active:hover, .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel button.btn-default.active:hover, .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel button.ui-priority-secondary.active:hover, .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel button.ui-priority-secondary.active:hover, .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel button.ui-priority-secondary.btn.active:hover, .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel button.ui-priority-secondary.active:hover, .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel button.ui-priority-secondary.active:hover, .open > .btn.btn-default.dropdown-toggle:hover, .open > .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel button.btn-default.dropdown-toggle:hover, .open > .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel button.ui-priority-secondary.dropdown-toggle:hover, .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel .open > .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel button.ui-priority-secondary.dropdown-toggle:hover, .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel .open > button.btn-default.dropdown-toggle:hover, .open > .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel button.ui-priority-secondary.btn.dropdown-toggle:hover, .open > .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel button.ui-priority-secondary.dropdown-toggle:hover, .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel .open > .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel button.ui-priority-secondary.dropdown-toggle:hover, .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel .open > button.ui-priority-secondary.btn.dropdown-toggle:hover, .btn.btn-default:active:focus, .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel button.btn-default:active:focus, .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel button.ui-priority-secondary:active:focus, .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel button.ui-priority-secondary:active:focus, .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel button.ui-priority-secondary.btn:active:focus, .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel button.ui-priority-secondary:active:focus, .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel button.ui-priority-secondary:active:focus, .btn.btn-default.active:focus, .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel button.btn-default.active:focus, .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel button.ui-priority-secondary.active:focus, .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel button.ui-priority-secondary.active:focus, .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel button.ui-priority-secondary.btn.active:focus, .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel button.ui-priority-secondary.active:focus, .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel button.ui-priority-secondary.active:focus, .open > .btn.btn-default.dropdown-toggle:focus, .open > .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel button.btn-default.dropdown-toggle:focus, .open > .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel button.ui-priority-secondary.dropdown-toggle:focus, .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel .open > .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel button.ui-priority-secondary.dropdown-toggle:focus, .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel .open > button.btn-default.dropdown-toggle:focus, .open > .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel button.ui-priority-secondary.btn.dropdown-toggle:focus, .open > .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel button.ui-priority-secondary.dropdown-toggle:focus, .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel .open > .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel button.ui-priority-secondary.dropdown-toggle:focus, .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel .open > button.ui-priority-secondary.btn.dropdown-toggle:focus, .btn.btn-default:active.focus, .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel button.btn-default:active.focus, .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel button.ui-priority-secondary:active.focus, .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel button.ui-priority-secondary:active.focus, .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel button.ui-priority-secondary.btn:active.focus, .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel button.ui-priority-secondary:active.focus, .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel button.ui-priority-secondary:active.focus, .btn.btn-default.active.focus, .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel button.btn-default.active.focus, .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel button.ui-priority-secondary.active.focus, .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel button.ui-priority-secondary.active.focus, .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel button.ui-priority-secondary.btn.active.focus, .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel button.ui-priority-secondary.active.focus, .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel button.ui-priority-secondary.active.focus, .open > .btn.btn-default.dropdown-toggle.focus, .open > .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel button.btn-default.dropdown-toggle.focus, .open > .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel button.ui-priority-secondary.dropdown-toggle.focus, .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel .open > .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel button.ui-priority-secondary.dropdown-toggle.focus, .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel .open > button.btn-default.dropdown-toggle.focus, .open > .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel button.ui-priority-secondary.btn.dropdown-toggle.focus, .open > .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel button.ui-priority-secondary.dropdown-toggle.focus, .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel .open > .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel button.ui-priority-secondary.dropdown-toggle.focus, .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel .open > button.ui-priority-secondary.btn.dropdown-toggle.focus {
   color: #885406;
   background-color: #f0c755;
}
    Mit den beiden Untersuchungsmethoden sehe ich nun auch active und hover Styles - Juhu.
    Allerdings sieht das dann mit den beiden aktiviert so aus:
    1. Part "Allgemein" -> Passt
    2. und folgende Parts beziehen sich nun auch auf "Active" & "Hover" haben aber falls Farben überhaupt vorhanden sind immer durchgestrichene (Overrulete? - in der Codebox vermutlich so nicht zu sehen?) Farben.

    Code:
    .cart-empty .btn.btn-default:hover, .cart-empty .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel button.btn-default:hover, .cart-empty .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel button.ui-priority-secondary:hover, .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel .cart-empty .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel button.ui-priority-secondary:hover, .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel .cart-empty button.btn-default:hover, .cart-empty .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel button.ui-priority-secondary.btn:hover, .cart-empty .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel button.ui-priority-secondary:hover, .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel .cart-empty .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel button.ui-priority-secondary:hover, .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel .cart-empty button.ui-priority-secondary.btn:hover, .cart-not-empty .btn.btn-default:hover, .cart-not-empty .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel button.btn-default:hover, .cart-not-empty .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel button.ui-priority-secondary:hover, .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel .cart-not-empty .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel button.ui-priority-secondary:hover, .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel .cart-not-empty button.btn-default:hover, .cart-not-empty .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel button.ui-priority-secondary.btn:hover, .cart-not-empty .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel button.ui-priority-secondary:hover, .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel .cart-not-empty .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel button.ui-priority-secondary:hover, .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel .cart-not-empty button.ui-priority-secondary.btn:hover {
    color: #885406;
    background-color: #f0c755;
    border-color: #885406;
}
.btn.btn-default:active:hover, .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel button.btn-default:active:hover, .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel button.ui-priority-secondary:active:hover, .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel button.ui-priority-secondary:active:hover, .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel button.ui-priority-secondary.btn:active:hover, .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel button.ui-priority-secondary:active:hover, .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel button.ui-priority-secondary:active:hover, .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel button.btn-default:active:hover, .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel .comiseo-daterangepicker-buttonpanel button.ui-priority-secondary:active:hover, .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel .comiseo-daterangepicker-buttonpanel button.ui-priority-secondary:active:hover, .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel button.ui-priority-secondary:active:hover, .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel button.ui-priority-secondary:active:hover, .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel button.ui-priority-secondary.btn:active:hover, .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel .comiseo-daterangepicker-buttonpanel button.ui-priority-secondary:active:hover, .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel .comiseo-daterangepicker-buttonpanel button.ui-priority-secondary:active:hover, .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel button.ui-priority-secondary:active:hover, .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel button.ui-priority-secondary:active:hover, .btn.btn-default.active:hover, .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel button.btn-default.active:hover, .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel button.ui-priority-secondary.active:hover, .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel button.ui-priority-secondary.active:hover, .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel button.ui-priority-secondary.btn.active:hover, .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel button.ui-priority-secondary.active:hover, .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel button.ui-priority-secondary.active:hover, .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel button.btn-default.active:hover, .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel .comiseo-daterangepicker-buttonpanel button.ui-priority-secondary.active:hover, .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel .comiseo-daterangepicker-buttonpanel button.ui-priority-secondary.active:hover, .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel button.ui-priority-secondary.active:hover, .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel button.ui-priority-secondary.active:hover, .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel button.ui-priority-secondary.btn.active:hover, .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel .comiseo-daterangepicker-buttonpanel button.ui-priority-secondary.active:hover, .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel .comiseo-daterangepicker-buttonpanel button.ui-priority-secondary.active:hover, .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel button.ui-priority-secondary.active:hover, .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel button.ui-priority-secondary.active:hover, .open > .btn.btn-default.dropdown-toggle:hover, .open > .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel button.btn-default.dropdown-toggle:hover, .open > .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel button.ui-priority-secondary.dropdown-toggle:hover, .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel .open > .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel button.ui-priority-secondary.dropdown-toggle:hover, .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel .open > button.btn-default.dropdown-toggle:hover, .open > .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel button.ui-priority-secondary.btn.dropdown-toggle:hover, .open > .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel button.ui-priority-secondary.dropdown-toggle:hover, .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel .open > .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel button.ui-priority-secondary.dropdown-toggle:hover, .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel .open > button.ui-priority-secondary.btn.dropdown-toggle:hover, .open > .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel button.btn-default.dropdown-toggle:hover, .open > .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel button.ui-priority-secondary.dropdown-toggle:hover, .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel .open > .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel button.ui-priority-secondary.dropdown-toggle:hover, .open > .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel button.ui-priority-secondary.dropdown-toggle:hover, .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel .open > .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel button.ui-priority-secondary.dropdown-toggle:hover, .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel .open > button.btn-default.dropdown-toggle:hover, .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel .open > button.ui-priority-secondary.dropdown-toggle:hover, .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel .open > button.ui-priority-secondary.dropdown-toggle:hover, .open > .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel button.ui-priority-secondary.btn.dropdown-toggle:hover, .open > .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel .comiseo-daterangepicker .comiseo-daterangepicker-buttonpanel button.ui-priority-secondary.dropdown-toggle:hover {
    color: #885406;
    background-color: #f0c755;
}
    Habe vom Code mittendrin viel auschneiden müssen weil > 20.000 Zeichen!