We're calling on all EU-based Mozillians with iOS or iPadOS devices to help us monitor Apple’s new browser choice screens. Join the effort to hold Big Tech to account!

ค้นหาฝ่ายสนับสนุน

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

เรียนรู้เพิ่มเติม

How do I choose an icon for a pinned tab?

  • 2 การตอบกลับ
  • 1 คนมีปัญหานี้
  • 1 ครั้งที่ดู
  • ตอบกลับล่าสุดโดย 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.