Avatar for Username

Sykje yn Support

Mij stipescams. Wy sille jo nea freegje in telefoannûmer te beljen, der in sms nei ta te stjoeren of persoanlike gegevens te dielen. Meld fertochte aktiviteit mei de opsje ‘Misbrûk melde’.

Mear ynfo

Dizze konversaasje is argivearre. Stel in nije fraach as jo help nedich hawwe.

userChrome.css can't change border of active tab

  • 2 antwurd
  • 1 hat dit probleem
  • 4 werjeftes
  • Lêste antwurd fan cor-el

vegarab
vegarab
more options

bold textI'm trying to change the border of the active tab in Firefox.

/* Color border of current tab */ .tab-content[selected="true"]{ 

 background-color: var(--color0) !important;
 --tabs-border-color: var(--color0) !important;

}

  1. navigator-toolbox { 
 --tabs-border-color: var(--color5) !important;

}

All tabs get the color var(--color5), except the active tab, which does not get ANY border. However, I am able to change it's background to var(--color0). When inspecting the tab-element with the developer tools, I can see the two CSS-rules being applied, but there is NO border.

For some reason, it does not appear to be possible to have a border on the active tab?

Thank you for any help.

(Can't figure out how to make a code-block.. It says 1. navigator-toolbox, but there is supposed to be a #, as in referencing the ID)

'''bold text'''I'm trying to change the border of the active tab in Firefox. /* Color border of current tab */ .tab-content[selected="true"]{ background-color: var(--color0) !important; --tabs-border-color: var(--color0) !important; } #navigator-toolbox { --tabs-border-color: var(--color5) !important; } All tabs get the color var(--color5), except the active tab, which does not get ANY border. However, I am able to change it's background to var(--color0). When inspecting the tab-element with the developer tools, I can see the two CSS-rules being applied, but there is NO border. For some reason, it does not appear to be possible to have a border on the active tab? Thank you for any help. (Can't figure out how to make a code-block.. It says 1. navigator-toolbox, but there is supposed to be a #, as in referencing the ID)

Bewurke troch vegarab op

Alle antwurden (2)

WestEnd
WestEnd
more options

If that is a custom site userChrome.css that your using you should contact that site for support. I don't know but asking for user to help with css issues can get quite involved. Is there a reason you couldn't find a site that had such a setting that you could use to customize the Browser.

cor-el
cor-el
  • Moderator
  • Top 10 Contributor
more options

Does it work if you set the border color on .tabbrowser-tab ? 

.tabbrowser-tab[selected="true"]{
 background-color: var(--color0) !important;
 --tabs-border-color: var(--color0) !important;
}