Този сайт ще има ограничена функционалност, докато се извършва тече неговата поддръжка. Ако дадена статия не може реши проблема ви и искате да зададете въпрос, нашата общност е готова да ви помогне на @firefox в Twitter и /r/firefox в Reddit.

Търсене в помощните статии

Избягвайте измамите при поддръжката. Никога няма да ви помолим да се обадите или изпратите SMS на телефонен номер или да споделите лична информация. Моля, докладвайте подозрителна активност на "Докладване за злоупотреба".

Научете повече

How to remove the hover border from toolbar buttons?

  • 1 отговор
  • 2 имат този проблем
  • 10 изгледи
  • Последен отговор от 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?

Променено на от Dimension10

Всички отговори (1)

more options