come evitare la linea tratteggiata intorno alla casella di controllo, quando l'utente fa clic?

Question

Devo evitare la creazione di una linea tratteggiata intorno alla casella di controllo, quando l'utente fa clic sulla casella di controllo in IE.

vedere come appare quando l'utente fa clic,

Come posso rimuovere la linea tratteggiata attorno alla casella di controllo utilizzando css?

Answer 1

Impostare la outline proprietà per 0:

input { 
    outline: 0; 
} 

Potrebbe non funzionare in IE9 (come documentato da Chris Coiyer). Potrebbe essere necessario utilizzare questo meta tag:

<meta http-equiv="X-UA-Compatible" content="IE=9" /> 

Answer 2

che si chiama un contorno, provare a utilizzare outline: 0;

Answer 3

Prova questo

input[type='checkbox'] { 
    outline:0; 
} 

Answer 4

Utilizzare una regola globale questo funziona su qualsiasi elemento che ha un focus

*:focus { 
outline: none; 
}