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!

Este site irá ter funcionalidade limitada enquanto fazemos manutenção para melhorar a sua experiência. Se um artigo não resolve o seu problema e quiser colocar uma questão, temos a nossa comunidade de apoio à espera de o ajudar em @FirefoxSupport no Twitter, /r/firefox no Reddit.

Pesquisar no apoio

Evite burlas no apoio. Nunca iremos solicitar que telefone ou envie uma mensagem de texto para um número de telefone ou que partilhe informações pessoais. Por favor, reporte atividades suspeitas utilizando a opção "Reportar abuso".

Saber mais

How to change the Tab color for inactive tabs?

  • 5 respostas
  • 1 tem este problema
  • 1 visualização
  • Última resposta por mmanville16

more options

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; }
Capturas de ecrã anexadas

Solução escolhida

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

Ler esta resposta no contexto 👍 0

Todas as respostas (5)

more options

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.

Modificado por Terry a

more options

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

Thanks

more options

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.

more options

Solução escolhida

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

more options

I do not have userChrome.