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.

Avatar for Username

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

This thread was archived. Please ask a new question if you need help.

How do I get a graphical selected tab background back in Firefox 126?

  • 2 replies
  • 0 have this problem
  • 1 view
  • Last reply by cor-el

OneMoreName
OneMoreName
more options

Firefox 126 has changed the tabbar tab background handling and I cannot find a way to get my graphical tab background back for the selected tab. The left image shows FF 125.3; the left 126.0, which installed itself yesterday. In the userchrome for the old Firefox I have: 

    #TabsToolbar:not(:-moz-lwtheme) .tabbrowser-tab .tab-content
 {
   background-image: url("file:///D:/System Graphics/Toolbar Backgrounds/rgsweeve - 000.bmp") !important;
 }
  #TabsToolbar:not(:-moz-lwtheme) .tabbrowser-tab .tab-content[selected="true"]
 {
   background-image: url("file:///D:/System Graphics/Toolbar Backgrounds/rgsweeve - 040.bmp") !important;
 }

This gave me the differentiated selected and unselected tabs but does not work for the selected tab in the new Firefox. Any ideas how I have to specify this now?

[I am making this post using the older version of Firefox. If I get some suggestions I'll reinstall the newer version (actually turn auto update back on) and try them out. Thanks.]

Firefox 126 has changed the tabbar tab background handling and I cannot find a way to get my graphical tab background back for the selected tab. The left image shows FF 125.3; the left 126.0, which installed itself yesterday. In the userchrome for the old Firefox I have: #TabsToolbar:not(:-moz-lwtheme) .tabbrowser-tab .tab-content { background-image: url("file:///D:/System Graphics/Toolbar Backgrounds/rgsweeve - 000.bmp") !important; } #TabsToolbar:not(:-moz-lwtheme) .tabbrowser-tab .tab-content[selected="true"] { background-image: url("file:///D:/System Graphics/Toolbar Backgrounds/rgsweeve - 040.bmp") !important; } This gave me the differentiated selected and unselected tabs but does not work for the selected tab in the new Firefox. Any ideas how I have to specify this now? [I am making this post using the older version of Firefox. If I get some suggestions I'll reinstall the newer version (actually turn auto update back on) and try them out. Thanks.]
Attached screenshots

All Replies (2)

OneMoreName
OneMoreName Question owner
more options

It turns out that if I delete the ":not(:-moz-lwtheme)" phrases from the .css then I do get an override. I do not have any real idea what that phrase is for. With many of the the releases of Firefox various adjustments have been made, and each time I have to hack this mess of mine to keep Firefox from changing.

cor-el
cor-el
  • Moderator
  • Top 10 Contributor
more options

In Firefox 119+ you need to use .tab-content[selected] and not .tab-content[selected="true"] as attributes for tabs no longer are a pseudo Boolean with a String value.