userChrome.css can't change border of active tab
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;
}
- 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)
Ändrad av vegarab
Alla svar (2)
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.
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;
}