How to remove the hover border from toolbar buttons?
I have the ChromEdit extension installed, and I'd like to get rid of the effect displayed when one hovers over a toolbarbutton (because I prefer a simpler change of background colour which I've already implemented). I think the animation is just a border appearing, but I'm not sure. None of the following worked:
toolbarbutton:hover {background-image:none !important; outline: none !important; border-color:transparent !important;} toolbarbutton:hover:active:not([disabled="true"]), toolbarbutton[open="true"]:hover, toolbarbutton[open="true"] {border-color:transparent !important;} toolbarbutton:hover:not([disabled="true"]) { border-color: transparent !important; } toolbarbutton:-moz-lwtheme:not(:hover):not([checked="true"]):not([open="true"]):not([disabled="true"]) { text-shadow: none; } toolbarbutton[checked="true"]:not([disabled="true"]) { border-color: transparent !important; background-color: rgba(255,255,255,1.0) !important; }
Does anyone know how I can achieve this?
I have the ChromEdit extension installed, and I'd like to get rid of the effect displayed when one hovers over a toolbarbutton (because I prefer a simpler change of background colour which I've already implemented). I think the animation is just a border appearing, but I'm not sure. None of the following worked:
<pre>
toolbarbutton:hover {background-image:none !important; outline: none !important; border-color:transparent !important;}
toolbarbutton:hover:active:not([disabled="true"]),
toolbarbutton[open="true"]:hover,
toolbarbutton[open="true"] {border-color:transparent !important;}
toolbarbutton:hover:not([disabled="true"]) {
border-color: transparent !important;
}
toolbarbutton:-moz-lwtheme:not(:hover):not([checked="true"]):not([open="true"]):not([disabled="true"]) {
text-shadow: none;
}
toolbarbutton[checked="true"]:not([disabled="true"]) {
border-color: transparent !important;
background-color: rgba(255,255,255,1.0) !important;
}
</pre>
Does anyone know how I can achieve this?
Bewurke troch Dimension10 op
Alle antwurden (1)
Please also see:
- PopupGuide Tooltips MDN
- Adding Style Sheets
- Toolbar examples, (could not find tooltip)
- HTML in XUL for rich tooltips