Active tab border
Hello, From FF 99 I have removed the floating tabs with CSS code but after updating to 104 instead of the active tab being differentiated with a shadow it now has a black border. Is there any way to change that back while still keeping the CSS code I have for the floating tabs?
The code I have is: .tab-background{ border-radius: 0px 0px !important; margin-bottom: 0px !important; } .tabbrowser-tab:not([selected=true]):not([multiselected=true]) .tab-background{ background-color: color-mix(in srgb, currentColor 5%, transparent); } .tab-background{ border-color: transparent !important }
Thanks.
All Replies (3)
WARNING from the moderator team: userChrome.css scripts are not provided by Mozilla and is not officially supported. Firefox is a work in progress and, to allow for continuous innovation, Mozilla cannot guarantee future updates won’t impact your customizations. For this reason, Mozilla does not officially support style rules customization.
Please read Firefox Advanced Customization and Configuration Options to learn more.
This is probably not a border, but a box-shadow or an outline.
You can check this with the Browser Toolbox.
Thanks.. unfortunately my skills are limited and I'm not sure which of the codes in the link to use for the outline (and can't seem to locate the toolbox under 'more tools/web developer tools' in the menu. )
I guess I have to live with it but I appreciate the response.