This site will have limited functionality while we undergo maintenance to improve your experience. If an article doesn't solve your issue and you want to ask a question, we have our support community waiting to help you at @FirefoxSupport on Twitter and/r/firefox on Reddit.

Avatar for Username

Caută ajutor

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.

Află mai multe

Acest fir de discuție a fost arhivat. Adresează o întrebare nouă dacă ai nevoie de ajutor.

How to remove the hover border from toolbar buttons?

  • 1 răspuns
  • 2 au această problemă
  • 10 vizualizări
  • Ultimul răspuns de 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?

Modificat în de Dimension10

Toate răspunsurile (1)

guigs
guigs
more options

Please also see: