Join the AMA (Ask Me Anything) with the Firefox leadership team to celebrate Firefox 20th anniversary and discuss Firefox’s future on Mozilla Connect. Mark your calendar on Thursday, November 14, 18:00 - 20:00 UTC!

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

Natao arisiva ity resaka mitohy ity. Mametraha fanontaniana azafady raha mila fanampiana.

How would I stop the close tab X from highlighting when I hover my cursor over it?

  • 1 valiny
  • 1 manana an'ity olana ity
  • 15 views
  • Valiny farany nomen'i cor-el

corgi.flushed_0p
corgi.flushed_0p
more options

I have managed to hide the "x" (close tab button) with this:

/*** Hide Tab Close buttons ***/ .tabbrowser-tab .tab-close-button { 

 visibility: collapse !important;

}

I found this being more annoying than the "x" being highlighted. Is there a similar thing I can do that only disables the highlighting without hiding the entire button?

I have managed to hide the "x" (close tab button) with this: /*** Hide Tab Close buttons ***/ .tabbrowser-tab .tab-close-button { visibility: collapse !important; } I found this being more annoying than the "x" being highlighted. Is there a similar thing I can do that only disables the highlighting without hiding the entire button?

All Replies (1)

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

You can try one of these rules in userChrome.css to see what works best for you to disable the appearance change if you hover the close X on a tab. You need to close and restart Firefox (e.g. use the button on about:profiles) after modifying userChrome.css. 

.tabbrowser-tab:hover .tab-close-button {
  background-color: transparent !important;
  color: inherit !important;
}

.tabbrowser-tab:hover .tab-close-button {
  background-color: unset !important;
  color: unset !important;
}

DISCLAIMER: modifications made through a userChrome.css file can stop working as Firefox evolves in new releases, and can "break" the interface in serious ways.