![Firefox logo](https://assets-prod.sumo.prod.webservices.mozgcp.net/media/uploads/products/2020-04-14-08-36-13-8dda6f.png)
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)
Được chỉnh sửa bởi vegarab vào
Tất cả các câu trả lời (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; }