搜索 | 用户支持

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

详细了解

How do I choose an icon for a pinned tab?

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

more options

I have created a pinned two tabs. One has a very generic icon and the other has no icon. How do I choose an icon for the pinned tabs? Can it be done? Using a hack is fine too.

I have created a pinned two tabs. One has a very generic icon and the other has no icon. How do I choose an icon for the pinned tabs? Can it be done? Using a hack is fine too.

被采纳的解决方案

You can probably do this with code in the userChrome.css file.

Here is an example that works for Gmail.

Add code to the userChrome.css file below the default @namespace line.


@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* only needed once */

#tabbrowser-tabs .tabbrowser-tab[pinned][label^="Gmail"] .tab-icon-image {
 list-style-image: url("https://ssl.gstatic.com/ui/v1/icons/mail/images/favicon5.ico") !important;
}

The customization files userChrome.css (user interface) and userContent.css (websites) are located in the chrome folder in the Firefox profile folder.

定位到答案原位置 👍 0

所有回复 (2)

more options

Hi Peakwolf, I understand that you would like to choose an icon for a pinned tab. In the past there was an add on called ico picker, however I cannot recommend it because it only works with earlier versions of Firefox, not the release version. I do not have an answer for you at this time. There might be another way to customize tabs with an addon.

more options

选择的解决方案

You can probably do this with code in the userChrome.css file.

Here is an example that works for Gmail.

Add code to the userChrome.css file below the default @namespace line.


@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* only needed once */

#tabbrowser-tabs .tabbrowser-tab[pinned][label^="Gmail"] .tab-icon-image {
 list-style-image: url("https://ssl.gstatic.com/ui/v1/icons/mail/images/favicon5.ico") !important;
}

The customization files userChrome.css (user interface) and userContent.css (websites) are located in the chrome folder in the Firefox profile folder.