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

技術支援討論區

How to change the tooltip's color of the menu button?

已張貼

After added the following code to my userChrome.css file, tooltip {

 -moz-appearance: none !important;
 background-color: #1e1e1e !important;
 color: #b4b4b4 !important;

} most tooltips' styles were modified. But it just didn't work for the menu button. I'm using Firefox 70. Thank you!

After added the following code to my userChrome.css file, tooltip { -moz-appearance: none !important; background-color: #1e1e1e !important; color: #b4b4b4 !important; } most tooltips' styles were modified. But it just didn't work for the menu button. I'm using Firefox 70. Thank you!
附加的畫面擷圖
引用

額外的系統細節

應用程式

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

更多資訊

Dinushi Dhananjani
  • Top 25 Contributor
5 個解決方法 216 個答案

To edit your your userContent.css file:

   First you need to find your Firefox profile. ...
   Under “Application Basics”, ...
   Look for the chrome folder inside your profile folder. ...
   Look for a file called userContent.css in the 'chrome' folder. ...
   Add the CSS and wrap-around text shown below.
   Save the file.
   Restart Firefox.
To edit your your userContent.css file: First you need to find your Firefox profile. ... Under “Application Basics”, ... Look for the chrome folder inside your profile folder. ... Look for a file called userContent.css in the 'chrome' folder. ... Add the CSS and wrap-around text shown below. Save the file. Restart Firefox.
這篇文章有幫助嗎?
引用
cor-el
  • Top 10 Contributor
  • Moderator
17690 個解決方法 160050 個答案

Try to make the code work for all namespaces. You can also try to place the code above the default @namespace line.


*|*tooltip {
 -moz-appearance: none !important;
 background-color: #1e1e1e !important;
 color: #b4b4b4 !important;
}
Try to make the code work for all namespaces. You can also try to place the code above the default @namespace line. ---- <pre><nowiki> *|*tooltip { -moz-appearance: none !important; background-color: #1e1e1e !important; color: #b4b4b4 !important; }</nowiki></pre>
這篇文章有幫助嗎?
引用

提出問題者

cor-el said

Try to make the code work for all namespaces. You can also try to place the code above the default @namespace line.
*|*tooltip {
 -moz-appearance: none !important;
 background-color: #1e1e1e !important;
 color: #b4b4b4 !important;
}

I tried your ways, but they didn't work for me.

''cor-el [[#answer-1269900|said]]'' <blockquote> Try to make the code work for all namespaces. You can also try to place the code above the default @namespace line. ---- <pre><nowiki> *|*tooltip { -moz-appearance: none !important; background-color: #1e1e1e !important; color: #b4b4b4 !important; }</nowiki></pre> </blockquote> I tried your ways, but they didn't work for me.
這篇文章有幫助嗎?
引用
cor-el
  • Top 10 Contributor
  • Moderator
17690 個解決方法 160050 個答案

Did you try to place the *|*tooltip {} code above the @namespace line because your screenshot shows your not working code in that position?

Tooltips are always difficult to get a selector or find them in the DOM and some elements in the user interface have been moved from XUL space to HTML space making this more difficult.

Did you try to place the <b>*|*tooltip {}</b> code above the @namespace line because your screenshot shows your not working code in that position? Tooltips are always difficult to get a selector or find them in the DOM and some elements in the user interface have been moved from XUL space to HTML space making this more difficult.
這篇文章有幫助嗎?
引用

提出問題者

cor-el said

Did you try to place the *|*tooltip {} code above the @namespace line because your screenshot shows your not working code in that position? Tooltips are always difficult to get a selector or find them in the DOM and some elements in the user interface have been moved from XUL space to HTML space making this more difficult.

Thanks for your reply, but it didn't work either. Maybe it's a bug

''cor-el [[#answer-1270166|said]]'' <blockquote> Did you try to place the <b>*|*tooltip {}</b> code above the @namespace line because your screenshot shows your not working code in that position? Tooltips are always difficult to get a selector or find them in the DOM and some elements in the user interface have been moved from XUL space to HTML space making this more difficult. </blockquote> Thanks for your reply, but it didn't work either. Maybe it's a bug
這篇文章有幫助嗎?
引用
問個問題

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