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

How can I edit the userChrome.css to only show the icon and the close button for tabs that are neither selected nor hovered over?

  • 4 replies
  • 1 has this problem
  • 3 views
  • Last reply by Paul

more options

How can I edit the userChrome.css to only show the icon and the close button for tabs that are neither selected nor hovered over? I still want the normal tab size to be displayed for the one / two tabs that are currently selected / hovered over like is default behaviour. I am basically looking for what is provideded on this github page, however with the closing icon and only for unselected tabs that I am not hovering over.

Thanks in advance

How can I edit the userChrome.css to only show the icon and the close button for tabs that are neither selected nor hovered over? I still want the normal tab size to be displayed for the one / two tabs that are currently selected / hovered over like is default behaviour. I am basically looking for what is provideded on [https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/icon_only_tabs.css this github page], however with the closing icon and only for unselected tabs that I am not hovering over. Thanks in advance

All Replies (4)

more options

You only want to show the label text on the currently selected tab and hide this text on all other tabs unless you hover a tab ?

Does this code work ?

.tabbrowser-tab .tab-text {display:none !important;}
.tabbrowser-tab:is([selected],[multiselected],:hover) .tab-text {display:unset !important;}

Modified by cor-el

more options

Hmm, what is the purpose of having the close button on tabs only when you cannot hover them? I think that would make the buttons unusable because as soon as the mouse approaches, they would vanish.

more options

@cor-el thanks for your response. The solution that you provided is mostly what I was looking for, only that the size of an unselected tab should be only icon and close button without all of the blank space in between.

Thanks in advance

more options

WARNING from the moderator team: This script is 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.