ฉันเปลี่ยนไอคอนของแท็บ (Firefox 26) โดยใช้สไตล์ชีทต่อไปนี้:
@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);
tab[pinned="true"][label*="w3.org"] .tab-icon-image {
list-style-image: url(https://www.w3.org/favicon.ico);
}
tab[pinned="true"][label^="TU"] .tab-icon-image {
list-style-image: url(https://www.tue.nl/favicon.ico);
}
หากต้องการใช้สไตล์ชีตนี้อย่างใดอย่างหนึ่งใส่ไว้ใน[path to your profile]/chrome/userChrome.css, หรือติดตั้งผู้จัดการสไตล์ของผู้ใช้เช่นมีสไตล์
สิ่งนี้ใช้ได้ดังนี้: แท็บใน Firefox เป็นส่วนหนึ่งของแผนผังเอกสาร (ดูที่browser.xul ):
<tabs id="tabbrowser-tabs" ...>
<tab class="tabbrowser-tab" ... pinned="true" ... label="some text" ...>
...
ป้ายกำกับของแท็บตรงกับชื่อของแท็บ ในตัวอย่างของฉันฉันต้องการเพิ่ม favicon ในแท็บรายชื่อผู้รับจดหมายของ W3 น่าเสียดายที่มันไม่มีชื่อเรื่องเดียวดังนั้นฉันจึงต้องค้นหาสิ่งที่ไม่เหมือนใครที่ตรงกับแท็บ ปรากฎว่าหน้าเว็บที่เกี่ยวข้องได้ "w3.org" [label*="w3.org"]ในชื่อของพวกเขาซึ่งมีผลในการสร้าง
ในทำนองเดียวกันเว็บไซต์ของมหาวิทยาลัยของฉันไม่มี favicon ชื่อทั้งหมดเริ่มต้นด้วย "TU" [label^="TU"]ดังนั้นผมจึงใช้
ตัวเลือกทั่วไปเพิ่มเติม: [label$="last words"], [label="Exact match"].
การปฏิเสธ: [label*="w3.org"]:not([label$="- Gmail"])(= เลือกแท็บที่ชื่อมี "w3.org" ยกเว้นว่าลงท้ายด้วย "- Gmail")
หากแท็บที่ถูกตรึงของคุณไม่เคยเปลี่ยนตำแหน่งคุณสามารถลองทำสิ่งนี้เพื่อเปลี่ยนไอคอนของแท็บแรก:
@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);
tab[pinned="true"]:nth-child(1) .tab-icon-image {
list-style-image: url(https://www.mozilla.org/favicon.ico);
}
