Supprimer ou désactiver la bordure de mise au point du navigateur via javascript

Question

Est-ce que quelqu'un sait comment désactiver ou manipuler la bordure pointillée (dans la plupart des navigateurs) d'un élément dom s'il a le focus dans un ordre tabindex? Je veux construire mon propre style pour un élément ciblé, mais ce serait génial d'utiliser la fonctionnalité existante, car avec tabindex, il est possible de lier l'événement keydown à l'élément dom.

Answer 1

Il suffit de faire une règle CSS pour les éléments que vous voulez qui ont outline:none;

Answer 2

En utilisant jQuery vous pouvez faire

$("#nav li a").focus(function(){ 
    $(this).blur(); 
}); 

Answer 3

input::-moz-focus-inner { border: 0; } 

Answer 4

trick CSS:

:focus { outline: none; } 

Answer 5

a { 
outline: 0; 
} 

a: hover, 
a: active, 
a: focus { 
    outline: none; 
} 

input::-moz-focus-inner { 
border: 0; 
} 

Answer 6

:focus state - Ensemble le outline property à 0px solide transparent;

Answer 7

Avec Firefox 53.0, si je désactive le contour avec l'une des solutions proposées, Firefox affiche celui par défaut.

Cependant, si j'utilise une couleur blanche, il ne détecte pas que le contour est caché:

input:focus{ 
    outline: 1px solid rgba(255,255,255,1); 
}