This site will have limited functionality while we undergo maintenance to improve your experience. If an article doesn't solve your issue and you want to ask a question, we have our support community waiting to help you at @FirefoxSupport on Twitter and/r/firefox on Reddit.

Avatar for Username

Search Support

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

Wo archive tread sia. Meɖekuku bia biabia yeye ne ehia kpeɖeŋu.

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

  • 2 ŋuɖoɖowo
  • 0 masɔmasɔ sia le wosi
  • 1 view
  • Nuɖoɖo mlɔetɔ fioiu omotrl

fioiu omotrl
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"]

Ŋuɖoɖo si wotia

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.

Xle ŋuɖoɖo sia le goya me 👍 0

All Replies (2)

cor-el
cor-el
  • Moderator
  • Top 10 Contributor
more options

Ɖɔɖɔɖo si wotia

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.

fioiu omotrl
fioiu omotrl Biabia la
more options

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