X
Appuyez ici pour vous rendre sur la version mobile du site.

Forum d’assistance

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

Publié

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!
Captures d’écran jointes
Citation

Détails additionnels sur le système

Application

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

Plus d’informations

Dinushi Dhananjani
  • Top 25 Contributor
5 solutions 216 réponses

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.
Est-ce que ceci vous a été utile ?
Citation
cor-el
  • Top 10 Contributor
  • Moderator
17673 solutions 159870 réponses

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>
Est-ce que ceci vous a été utile ?
Citation

Auteur de la question

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.
Est-ce que ceci vous a été utile ?
Citation
cor-el
  • Top 10 Contributor
  • Moderator
17673 solutions 159870 réponses

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.
Est-ce que ceci vous a été utile ?
Citation

Auteur de la question

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
Est-ce que ceci vous a été utile ?
Citation
Poser une question

Vous devez vous identifier avec votre compte pour répondre aux messages. Veuillez poser une nouvelle question, si vous n’avez pas encore de compte.