We're calling on all EU-based Mozillians with iOS or iPadOS devices to help us monitor Apple’s new browser choice screens. Join the effort to hold Big Tech to account!

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 tontu
  • 0 am na jafe-jafe bii
  • 26 views
  • i mujjee tontu mooy 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.
Nataali seetu yiñ ci takkaale

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.