Avatar for Username

Search Support

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

Wannan tattunawa ta zama daɗaɗɗiya. Yi sabuwar tambaya idan ka na bukatar taimako.

How to remove the hover border from toolbar buttons?

  • 1 amsa
  • 2 sa na da wannan matsala
  • 10 views
  • Amsa ta ƙarshe daga guigs

Dimension10
Dimension10
more options

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?

An gyara daga Dimension10

All Replies (1)

guigs
guigs
more options

Please also see: