Andere Hover-Farbe für die Menü-Punkte

Bisher siehts in meiner Menü-Leiste so aus:

Ich würds aber beim hovern gerne so haben:

Wichtig ist mir die Hover-Hintergrundfarbe, der veränderte Rahmen wäre nur eine nette Zugabe.

Mein "menu_pimpen.css" sieht bisher so aus:

/* Hintergrund der ganzen Menu-Bar setzen */
#navigation-toolbox  {
    background: coral  !important; 
}

/* Text der Menüpunkte (Datei bis Hilfe) Schwarz und Bold*/
#mail-menubar {
    color: black ! important; 
    font-weight: bold ! important;
}

/*  Hover-Farbe der Menüpunkte ändern */
#mail-menubar > menu:hover {
    background: cyan !important;
}

Ich hab hier im Forum nach "hover" gesucht und leider nix gefunden, was mir weiterhilft und Erfolg beschert.

Kann/mag mir jemand weiterhelfen?

Zitat von Mapenzi

#mail-menubar > menubar-button:hover (oder menubarbutton?)

Danke, das hatte ich AFAIR noch nicht probiert, aber leider passiert mit beiden Varianten auch nix ...

Ich dokumentier ab jetzt mal alle meine Fehlversuche im Code, damit ich mir sicher sein kann.

Zitat

Du kannst aber auch selber all diese Begriffe suchen über Extras > Entwickler-Werkzeuge > Entwickler-Werkzeugkasten.

Habbich versucht, aber alles, was ich da seh, sind für mich (als Nicht-Entwickler) Böhmische Dörfer.

Und meine "CSS-Kenntnisse" beruhen auch nur auf Code/Ergebnis angucken, interessant finden, kopieren und dann mal rumprobieren :blushing:

OK, ich hab jetzt mal "Datei" ausgewählt und bekomme im linken Bereich auch alle anderen Menüpunkte angezeigt.

Im rechten Bereich finde ich sogar einen Eintrag aus "menu_pimpen.css".

Ich kann mir aber aus den anderen Iinfos, die da gelistet sind, nicht zusammenreimen, was ich machen muß um die Hintergrundfarbe beim "hovern" zu ändern.

Sorry, bin ich zu alt/unbeleckt/doof für.