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. Əgər kömək lazımdırsa lütfən yeni sual verin.

Tab Close button "X" on hover

  • 2 cavab
  • 2 have this problem
  • 1 view
  • Last reply by Neo2x

Neo2x
Neo2x
more options

Till version 112 I used this in my userChrome.css to get back the close buttons on tabs, but only when I hover over them (active or inactive tabs): .tab-close-button{ display: none } .tabbrowser-tab:not([pinned]):hover .tab-close-button{ 

   display: -moz-box !important

}

But now with version 113.0.1 it doesn't work at all and no X appears when I hover over my tabs.

I tried adding #tabbrowser-tabs[closebuttons="activetab"] on top of the previous code, but it made the X appear all the time.

How could I update this code so I get the desired result only when I hover over a tab?

Till version 112 I used this in my userChrome.css to get back the close buttons on tabs, but only when I hover over them (active or inactive tabs): .tab-close-button{ display: none } .tabbrowser-tab:not([pinned]):hover .tab-close-button{ display: -moz-box !important } But now with version 113.0.1 it doesn't work at all and no X appears when I hover over my tabs. I tried adding #tabbrowser-tabs[closebuttons="activetab"] on top of the previous code, but it made the X appear all the time. How could I update this code so I get the desired result only when I hover over a tab?

Chosen solution

Try this code: 

.tabbrowser-tab:not([pinned]) .tab-close-button {
  display: none !important
}
.tabbrowser-tab:not([pinned]):hover .tab-close-button {
  display: inline-flex !important
}

Read this answer in context 👍 3

All Replies (2)

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

Seçilmiş Həll

Try this code: 

.tabbrowser-tab:not([pinned]) .tab-close-button {
  display: none !important
}
.tabbrowser-tab:not([pinned]):hover .tab-close-button {
  display: inline-flex !important
}

Neo2x
Neo2x Question owner
more options

Thank you! That did it :D.