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.)
Chosen solution
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.
Read this answer in context 👍 0All Replies (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.
Chosen Solution
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.