Clear Firefox Button

As a result of the UI changes in Firefox 8 with the inverted (white) icons, the add-on App Button Clear does not work correctly. Besides being ‘incompatible’, when the add-on is forced to work in Firefox 8, it turns the App (Firefox) button white instead of clear. However, there is a userChrome.css tweak that will make the Firefox button clear (also works if you are using the Moveable Firefox button add-on). Simply add the below lines to your userChrome.css file and restart Firefox [directions].

/* Makes Firefox Button Transparent */
#appmenu-button{
background: transparent !important;
border: 1px solid rgba(0,0,0,0.3) !important;
border-top:none!important;
}


#appmenu-button:hover:not(:active):not([open]) {
background: transparent !important;
border: 1px solid rgba(0,0,0,0.3) !important;
border-top:none!important;
}


#appmenu-button:hover:active,
#appmenu-button[open]{
background: transparent !important;
border: 1px solid rgba(0,0,0,0.3) !important;
border-top:none!important;
}