![Firefox logo](https://assets-prod.sumo.prod.webservices.mozgcp.net/media/uploads/products/2020-04-14-08-36-13-8dda6f.png)
change new tab button color
I want to change the "+" color on the new tab icon
I was able to do this for the close tab "X' icon with the following css code in my userChrome.css file.
.tabbrowser-tab .close-icon:hover {
fill: white !important; background-color: red !important; border-radius: 4px; }
I think this code should work for the new tab icon, however I don't know the name of the new tab icon.
Please help,
Thank you
Seçilen çözüm
Its selector is:
.tabs-newtab-button{ fill:red !important; } .tabs-newtab-button:hover{ fill: white !important; background-color: rgba(255, 0, 0, 0.8) !important; border-radius: 4px; }
I tested it in the Browser Toolbox and in userChrome.css and it works for me.
Bu yanıtı konu içinde okuyun 👍 0Tüm Yanıtlar (3)
The new tab button CSS selector is:
.tabs-newtab-button { /* YOUR CSS RULES */ }
For future reference, if you open chrome://browser/content/browser.xul
in Firefox, you can see the layout of the browser and use the developer tools to navigate through the hierarchy to find IDs and classes of elements that you want to modify.
Hope this helps.
Seçilen çözüm
Its selector is:
.tabs-newtab-button{ fill:red !important; } .tabs-newtab-button:hover{ fill: white !important; background-color: rgba(255, 0, 0, 0.8) !important; border-radius: 4px; }
I tested it in the Browser Toolbox and in userChrome.css and it works for me.
cor-el tarafından
Thank you!
Regards,
D.M. De Haven