搜索 | 用户支持

防范以用户支持为名的诈骗。我们绝对不会要求您拨打电话或发送短信,及提供任何个人信息。请使用“举报滥用”选项报告涉及违规的行为。

详细了解

Change the text color of individual folders created on toolbar

  • 6 个回答
  • 0 人有此问题
  • 1 次查看
  • 最后回复者为 cor-el

more options

Hello! I am using the following code (userChrome.css) to color the individual folders created on the toolbar and it works great;

#PlacesToolbarItems > .bookmark-item[container][label="Music" i] {background-color: #ff0545 !important;}
#PlacesToolbarItems > .bookmark-item[container][label="NewsPapers" i] {background-color: #386bff !important;}
#PlacesToolbarItems > .bookmark-item[container][label="News Video" i] {background-color: #386bff !important;}
#PlacesToolbarItems > .bookmark-item[container][label="TV" i] {background-color: #ff1fc8 !important;}

What I am trying to find, is how to change the color of the individual folder name (text) from white to maybe black, yellow, etc.….

Any suggestion is appreciated. Regards,

Hello! I am using the following code (userChrome.css) to color the individual folders created on the toolbar and it works great; #PlacesToolbarItems > .bookmark-item[container][label="Music" i] {background-color: #ff0545 !important;} #PlacesToolbarItems > .bookmark-item[container][label="NewsPapers" i] {background-color: #386bff !important;} #PlacesToolbarItems > .bookmark-item[container][label="News Video" i] {background-color: #386bff !important;} #PlacesToolbarItems > .bookmark-item[container][label="TV" i] {background-color: #ff1fc8 !important;} What I am trying to find, is how to change the color of the individual folder name (text) from white to maybe black, yellow, etc.…. Any suggestion is appreciated. Regards,
已附加屏幕截图

由lemo于修改

被采纳的解决方案

You can simply add a color property to set the text color.

Note that "i" means case insensitive, so you do not really have to capitalize.

定位到答案原位置 👍 0

所有回复 (6)

more options

选择的解决方案

You can simply add a color property to set the text color.

Note that "i" means case insensitive, so you do not really have to capitalize.

more options

@cor-el

With the information you provided I was able to use and find the way to change the text color;

  1. PlacesToolbarItems > .bookmark-item[container][label="Music" i] {color: #0E0E0E !important;}
  2. PlacesToolbarItems > .bookmark-item[container][label="News Papers" i] {color: #0E0E0E !important;}
  3. PlacesToolbarItems > .bookmark-item[container][label="News Video" i] {color: #0E0E0E !important;}
  4. PlacesToolbarItems > .bookmark-item[container][label="TV" i] {color: #0E0E0E !important;}

Thank you for pointing me to the path for the the solution. Sincerely and regards,

more options

Note that you combine this with your previous code for maitainability.

#PlacesToolbarItems > .bookmark-item[container][label="Music" i] {background-color: #ff0545 !important; color: #0E0E0E !important;}
#PlacesToolbarItems > .bookmark-item[container][label="NewsPapers" i] {background-color: #386bff !important; color: #0E0E0E !important;}
#PlacesToolbarItems > .bookmark-item[container][label="News Video" i] {background-color: #386bff !important; color: #0E0E0E !important;}
#PlacesToolbarItems > .bookmark-item[container][label="TV" i] {background-color: #ff1fc8 !important; color: #0E0E0E !important;}
more options

@cor-el

Much better... Regards,

more options

I see the css and that it will do what I need. What I don't know is where to put the code, so that it is effective. Help please!

more options

More info about userChrome.css/userContent.css in case you are not familiar:

In Firefox 69 and later you need to set this pref to true in about:config to enable userChrome.css and userContent.css.