![Firefox logo](https://assets-prod.sumo.prod.webservices.mozgcp.net/media/uploads/products/2020-04-14-08-36-13-8dda6f.png)
Tab Close button "X" on hover
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?
Solución elegida
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 }
Leer esta respuesta en su contexto 👍 3
Todas las respuestas (2)
Solución elegida
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 }
Thank you! That did it :D.