Entfernen Sie blaue "ausgewählte" Umrisse auf den Tasten

Question

Ich habe einige Tasten mit <button>, die beim Klicken erhalten eine blau ausgewählte Farbe!

Gibt es eine Möglichkeit, diese Funktion zu entfernen?

Answer 1

Das ist ein Standardverhalten der einzelnen Browser ist; Ihr Browser scheint Safari zu sein, in Google Chrome ist er orangefarben!

verwenden diesen Effekt entfernen:

button { 
    outline: none; // this one 
} 

Answer 2

Sie können mithilfe outline: none den blauen Umriss entfernen.

Allerdings würde ich sehr empfehlen, Ihre Fokuszustände zu stylen. Dies soll sehbehinderten Benutzern helfen.

Auschecken: http://www.w3.org/TR/2008/REC-WCAG20-20081211/#navigation-mechanisms-focus-visible. Mehr lesen Sie hier: http://outlinenone.com

Answer 3

Sie können dies entfernen, indem Sie hinzufügen! Wichtig, um Ihre Gliederung.

button{ 
outline: none !important; 
}