![Firefox logo](https://assets-prod.sumo.prod.webservices.mozgcp.net/media/uploads/products/2020-04-14-08-36-13-8dda6f.png)
How to stop the tabs from highlighting as the mouse passes over them
With the newest firefox (72.0.2) I notice the tabs changing color as the mouse passes over them. A sort of greyish overlay appears over the background that is present before the mouse crosses into the tab. The selected tab does not change color; all the others do. This is really distracting to me; I never noticed it before. How do I get it to stop? (userchrome methods are fine.)
Wubrane rozwězanje
Using the Tools->Web Developer->Browser Toolbox inspector, I was able to identify the specific rule needing an override. This is what I wind up with:
- TabsToolbar:not(:-moz-lwtheme) .tabs-newtab-button:hover, #TabsToolbar:not(:-moz-lwtheme) .tabbrowser-tab:hover .tab-content:not([selected="true"])
{ background-image: url("file:///D:/System Graphics/Toolbar Backgrounds/rgsweeve - 000.bmp") !important; }
The specified background image (also specified for the non-hover state) remains shown and there is no flickering or changing as the mouse moves along the tabs.
Thanks very much.
Toś to wótegrono w konteksće cytaś 👍 0Wšykne wótegrona (2)
Look for .tabbrowser-tab:hover to see what rules are active for hovering a tab.
You need to add the !important flag to override an existing CSS rule.
Wubrane rozwězanje
Using the Tools->Web Developer->Browser Toolbox inspector, I was able to identify the specific rule needing an override. This is what I wind up with:
- TabsToolbar:not(:-moz-lwtheme) .tabs-newtab-button:hover, #TabsToolbar:not(:-moz-lwtheme) .tabbrowser-tab:hover .tab-content:not([selected="true"])
{ background-image: url("file:///D:/System Graphics/Toolbar Backgrounds/rgsweeve - 000.bmp") !important; }
The specified background image (also specified for the non-hover state) remains shown and there is no flickering or changing as the mouse moves along the tabs.
Thanks very much.