Esquema de enfoque predeterminado de Chrome

Question

Estoy intentando eliminar el enfoque predeterminado de froom chrome y funciona con el esquema: ninguno; al mismo tiempo, quiero agregar una sombra de cuadro pero no funciona para seleccionar.

*:focus { outline:none; } 

input[type="text"]:focus,input[type="checkbox"]:focus,input[type="password"]:focus, 
select:focus, textarea:focus,option:focus{ 
box-shadow:0 0 2px 0 #0066FF; 
-webkit-box-shadow:0 0 9px 0 #86AECC; 
z-index:1; 
} 

violín: http://jsfiddle.net/DCjYA/309/

Answer 1

Prueba esto:

* { 
    outline-color: lime; 
} 

Answer 2

Esto es lo mejor que puedo usarlo

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

o puede utilizar de esta manera.

*{ 
    outline:none; 
} 

Answer 3

Esto también debe hacer el truco:

a:focus, a:active { 
    outline-color: transparent !important; 
} 

Answer 4

para mí esto funcionó

:focus { 
     outline: -webkit-focus-ring-color auto 0; 
}