Hintergrund für Anwendungsmenü-Button ändern

Hallo,

mit folgendem CSS passe ich mir den Hintergrund der Toolbar-Button an:

/* Hintergrund der Fx-eigenen Buttons in der Toolbar z.B. Reload, Home, Erweiterungen etc. */
 toolbar .toolbarbutton-1:hover image {
    background-color: #0bb911 !important;
    }

Soweit so gut - nur der Button für das Anwendungsmenü macht es wieder anderes (siehe Screenshoots).

Wie bekomme ich es auch bei diesem Button hin, dass der Hintergrund vollständig nicht mehr grau ist?

VG Reni

Mir geht es doch aber um den Button für das Hamburger-Menü.

Dieser soll im Hintergrund bei HOVER so aussehen wie z.B. der Button für Erweiterungen.

Damit ist dan zuviel eingefärbt - siehe Screenshot.

Mir geht es um diesen Bereich:

jetzt passt es schon besser - und wie einfärben nur bei "hover"?

#PanelUI-button toolbarbutton#PanelUI-menu-button.toolbarbutton-1 stack.toolbarbutton-badge-stack:hover {
background-color: red !important;
}

funzt leider nicht

Ich glaub, ich habs:

#PanelUI-button toolbarbutton#PanelUI-menu-button.toolbarbutton-1:hover stack.toolbarbutton-badge-stack{
background-color: red !important;
}

Zitat von Boersenfeger

Hab ich mir gemopst

Ja gerne

Und wenn es von Interesse ist - auch der Download-Button brauch eine Sonderbehandlung

toolbarbutton#downloads-button.toolbarbutton-1:hover stack.toolbarbutton-badge-stack{
background-color: red !important;
}