Rimuovere il contorno blu "selezionato" sui pulsanti

Question

Ho alcuni pulsanti che utilizzano <button>, che quando si fa clic ottenere un colore blu selezionato!

C'è un modo per rimuovere questa funzionalità?

Answer 1

Questo è un comportamento di default di ogni browser; il tuo browser sembra essere Safari, in Google Chrome è di colore arancione!

Utilizzare questa funzione per rimuovere l'effetto:

button { 
    outline: none; // this one 
} 

Answer 2

È possibile rimuovere il contorno blu utilizzando outline: none.

Tuttavia, consiglio vivamente di definire anche gli stati di messa a fuoco. Questo per aiutare gli utenti ipovedenti.

Check out: http://www.w3.org/TR/2008/REC-WCAG20-20081211/#navigation-mechanisms-focus-visible. Altre informazioni qui: http://outlinenone.com

Answer 3

È possibile rimuovere questo aggiungendo! Importante per il contorno.

button{ 
outline: none !important; 
}