Eliminar o desactivar el borde de enfoque del navegador mediante javascript

Question

¿Alguien sabe cómo deshabilitar o manipular el borde discontinuo (en la mayoría de los navegadores) de un elemento dom si tiene el foco en un orden tabindex?

Quiero construir mi propio estilo para un elemento enfocado, pero sería genial usar la función existente, porque con tabindex es posible vincular el evento keydown al elemento dom.

Answer 1

Sólo hacer una regla CSS para los elementos que desea que tengan outline:none;

Answer 2

Usando jQuery que puede hacer

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

Answer 3

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

Answer 4

CSS truco:

: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 - Establecer el outline property a 0px sólido transparente;

Answer 7

Con Firefox 53.0, si deshabilito el esquema con una de las soluciones propuestas, Firefox muestra el predeterminado.

Sin embargo, si uso un color blanco, que no detecta que el contorno se oculta:

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