Change the new tab button image

Question

I'm trying to change the PNG of the new tab button.
I've tried
.tabs-newtab-button {
list-style-image: url ("C:\Users\Zevoxa\Downloads\newtab.png") !important;
But that doesn't work, why?
I'm using Stylish to do this.

Answer 1

Best would be to place this icon in the same chrome folder with the userChrome.css file or use the URL as shown when you drag this image in a Firefox tab (New Tab > Open File).
Note that there are two new tab toolbar buttons and .tabs-newtab-button is only used when you haven't opened enough tabs to make scroll buttons appear.
You also need to add a -moz-image-region rule if you only use a button with one state.
*chrome://browser/skin/browser.css
<pre><nowiki>#new-tab-button,
.tabs-newtab-button {
list-style-image: url ("file:///c:/Users/Zevoxa/Downloads/newtab.png") !important;
-moz-image-region: auto !important;
</nowiki></pre>