Can't change the default hover color of buttons in the navigation bar
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"]
Giải pháp được chọn
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.
Đọc câu trả lời này trong ngữ cảnh 👍 0Tất cả các câu trả lời (2)
Giải pháp được chọn
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.
All right, will check it out, thanks a lot!