This site will have limited functionality while we undergo maintenance to improve your experience. If an article doesn't solve your issue and you want to ask a question, we have our support community waiting to help you at @FirefoxSupport on Twitter and/r/firefox on Reddit.

Search Support

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

Active tab border

  • 3 replies
  • 0 have this problem
  • 26 views
  • Last reply by M

more options

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.

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.
Attached screenshots

All Replies (3)

more options

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.

more options

This is probably not a border, but a box-shadow or an outline.

You can check this with the Browser Toolbox.

more options

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.