Windows 10 reached EOS (end of support) on October 14, 2025. If you are on Windows 10, see this article.

Avatar for Username

Mozilla Destek’te Ara

Destek dolandırıcılığından kaçının. Mozilla sizden asla bir telefon numarasını aramanızı, mesaj göndermenizi veya kişisel bilgilerinizi paylaşmanızı istemez. Şüpheli durumları “Kötüye kullanım bildir” seçeneğini kullanarak bildirebilirsiniz.

Daha Fazlasını Öğren

Bu başlık arşivlendi. Yardıma ihtiyacınız varsa lütfen yeni bir soru sorun.

How to change the Tab color for inactive tabs?

  • 5 yanıt
  • 1 kişi bu sorunu yaşıyor
  • 771 gösterim
  • Son yanıtı yazan: mmanville16
  • Çözüldü

davidhelp
davidhelp

How to change the Tab color for inactive tabs?

I have a userChrome file and have been able to change the color of the active tab but cannot do so for the inactive tab. The inactive tab color blends into the toolbar color. If I move my mouse cursor over it changes to a slight darker gray color.

Active tab color. I made mine a off white color:

.tab-background[selected="true"] { 

   background-color: #f9f7f1 !important;

}

How to change the Tab color for inactive tabs? I have a userChrome file and have been able to change the color of the active tab but cannot do so for the inactive tab. The inactive tab color blends into the toolbar color. If I move my mouse cursor over it changes to a slight darker gray color. Active tab color. I made mine a off white color: .tab-background[selected="true"] { background-color: #f9f7f1 !important; }
Ekli ekran görüntüleri

Seçilen çözüm

Thanks terry21 That was the answer. I have changed the colors around to what I like.

Bu yanıtı konu içinde okuyun 👍 0

Tüm Yanıtlar (5)

Terry
Terry

I set tab colours differently. Since your code is working, I suggest that you repeat it but change [selected="true"] to not([selected="true"]):not(:hover) { ....

EDIT: Change the background-color value as well, presumably.

Terry tarafından tarihinde düzenlendi

davidhelp
davidhelp Sorunun sahibi

Hello I have tried this but not working. As long as the active tab can change color then that is good enough.

Thanks

Terry
Terry

I must admit I haven't seen that format. The following is more conventional and works. 

.tabbrowser-tab[selected] .tab-content {
  background-color: #CCFFCC !important; }
.tabbrowser-tab:hover:not([selected]) .tab-content {
  background-color: #9CC6FC !important; }
.tabbrowser-tab:not([selected="true"]):not(:hover) .tab-content {
  background-color: #D0E4FE !important; }

You can add other attributes such as color and font-weight.

davidhelp
davidhelp Sorunun sahibi

Seçilen çözüm

Thanks terry21 That was the answer. I have changed the colors around to what I like.

mmanville16
mmanville16

I do not have userChrome.