rocket - Eliminar o deshabilitar el borde de enfoque del navegador a través de javascript

quitar el javascript que bloquea la visualización de contenido wp rocket

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 de índice de índice?

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

Answer 1

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

Sin embargo, si uso un color en blanco, no detecta que el contorno esté oculto:

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

Answer 2

Truco de CSS:

:focus { outline: none; }

Answer 3

Usando jQuery puedes hacer

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

Answer 4

:focus state establezca la propiedad de contorno en 0px sólido transparente;

Answer 5

Simplemente haga una regla CSS para los elementos que desea que tengan un outline:none;

Answer 6

$(function() {
     $(''a'').click(function() { $(this).blur(); });
     $(''input'').click(function() { $(this).blur(); });
});

No utilice el enfoque de deshabilitación de CSS: http://outlinenone.com/ Este uso de otros usuarios.

Answer 7

a {
outline: 0;
}

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

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

Answer 8

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