Dette websted vil have begrænset funktionalitet, mens vi gennemgår vedligeholdelse for at forbedre din oplevelse. Hvis en artikel ikke løser dit problem, og du vil stille et spørgsmål, har vi vores supportfællesskab, der venter på at hjælpe dig på @FirefoxSupport på Twitter og/r/firefox på Reddit.

Søg i 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.

Læs mere

How to remove the hover border from toolbar buttons?

  • 1 svar
  • 2 har dette problem
  • 10 visninger
  • Seneste svar af guigs

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?

Ændret af Dimension10 den

Alle svar (1)

more options