Join the Mozilla’s Test Days event from Dec 2–8 to test the new Firefox address bar on Firefox Beta 134 and get a chance to win Mozilla swag vouchers! 🎁

Hilfe durchsuchen

Vorsicht vor Support-Betrug: Wir fordern Sie niemals auf, eine Telefonnummer anzurufen, eine SMS an eine Telefonnummer zu senden oder persönliche Daten preiszugeben. Bitte melden Sie verdächtige Aktivitäten über die Funktion „Missbrauch melden“.

Weitere Informationen

Can't change the default hover color of buttons in the navigation bar

  • 2 Antworten
  • 0 haben dieses Problem
  • 1 Aufruf
  • Letzte Antwort von fioiu omotrl

more options

Hi, I can't change the default hover color of buttons in the navigation bar. It either remains totally unaffected or there appears a larger background image of my color overlaid with the smaller default hover image. Hover on the bookmarks toolbar works fine, except for the "Show more bookmarks" chevron, which behaves exactly like a navigation bar button. I tried these:

  1. nav-bar toolbarbutton:hover,
  2. nav-bar toolbarbutton:hover:active,
  3. nav-bar toolbarbutton-icon:hover,
  4. nav-bar .toolbarbutton-icon:hover, #nav-bar.browser-toolbar hbox#nav-bar-customization-target.customization-target toolbarbutton:hover,
  5. nav-bar toolbarbutton[open="true"],
  6. nav-bar toolbarbutton[checked="true"],
  7. nav-bar toolbarbutton[buttonover="true"]
Hi, I can't change the default hover color of buttons in the navigation bar. It either remains totally unaffected or there appears a larger background image of my color overlaid with the smaller default hover image. Hover on the bookmarks toolbar works fine, except for the "Show more bookmarks" chevron, which behaves exactly like a navigation bar button. I tried these: #nav-bar toolbarbutton:hover, #nav-bar toolbarbutton:hover:active, #nav-bar toolbarbutton-icon:hover, #nav-bar .toolbarbutton-icon:hover, #nav-bar.browser-toolbar hbox#nav-bar-customization-target.customization-target toolbarbutton:hover, #nav-bar toolbarbutton[open="true"], #nav-bar toolbarbutton[checked="true"], #nav-bar toolbarbutton[buttonover="true"]

Ausgewählte Lösung

Did you check existing rules in the Browser Toolbox?

Those colors are usually controlled via CSS variables like --toolbarbutton-hover-background, so easiest to affect this is modifying involved variables. possibly within a specific scope like #nav-bar.

Diese Antwort im Kontext lesen 👍 0

Alle Antworten (2)

more options

Ausgewählte Lösung

Did you check existing rules in the Browser Toolbox?

Those colors are usually controlled via CSS variables like --toolbarbutton-hover-background, so easiest to affect this is modifying involved variables. possibly within a specific scope like #nav-bar.

more options

All right, will check it out, thanks a lot!