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

Lolu chungechunge lwabekwa kunqolobane. Uyacelwa ubuze umbuzo omusha uma udinga usizo.

How to stop the tabs from highlighting as the mouse passes over them

  • 2 uphendule
  • 1 inale nkinga
  • 309 views
  • Igcine ukuphendulwa ngu OneMoreName

more options

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.)

Isisombululo esikhethiwe

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:

  1. 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.

Funda le mpendulo ngokuhambisana nalesi sihloko 👍 0

All Replies (2)

more options

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.

more options

Isisombululo Esikhethiwe

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:

  1. 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.