X
點擊此處開啟此網站的行動版。

技術支援討論區

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

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

被選擇的解決方法

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.

從原來的回覆中察看解決方案 0
引用

額外的系統細節

已安裝的外掛程式

  • Shockwave Flash 32.0 r0

應用程式

  • User Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:72.0) Gecko/20100101 Firefox/72.0

更多資訊

cor-el
  • Top 10 Contributor
  • Moderator
17772 個解決方法 160735 個答案

有幫助的回覆

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.

Look for .tabbrowser-tab:hover to see what rules are active for hovering a tab. *https://dxr.mozilla.org/mozilla-release/source/browser/themes/shared/tabs.inc.css You need to add the !important flag to override an existing CSS rule.
這篇文章有幫助嗎? 1
引用

選擇的解決方法

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.

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.
這篇文章有幫助嗎?
引用
問個問題

如果您還沒有帳號,您必須先 登入您的帳號 來回覆文章。請 開始一個新問題