Desactivar resaltado naranja alrededor de los enlaces en Android

Question

He intentado un millón de veces eliminar el cuadro de resaltado naranja molesto alrededor de los enlaces en la vista web de Android, pero parece que no desaparecen. Y no, esto no funciona:

* { 
    -webkit-tap-highlight-color:rgba(0,0,0,0) !important; 
} 

Estoy realmente perplejo, ¿alguna otra idea? Estoy probando en Galaxy S3.

Answer 1

Trate

* { 
    -webkit-tap-highlight-color: rgba(0,0,0,0); 
    -webkit-user-modify: read-write-plaintext-only; 
} 

de here. Resulta que el verdadero truco es esa segunda propiedad, user-modify. Creo que es un requisito desde 4.0.4, que afecta al Galaxy S3, entre otros.

Puede limitar el alcance del selector, pero tiene que afectar al principal del enlace, p. un <p> o <li>, no el enlace en sí.

Answer 2

En los dispositivos de galaxias "webkit-tap-culminante color" sólo funciona con

-webkit-tap-highlight-color:transparent; 

Luego de cambiar el color, añadir el siguiente estilo de los elementos deseados

a:active, 
a:hover, 
a:focus { 
    background: rgba(255, 255, 255, .5); 
} 

Answer 3

Además, en los nuevos dispositivos Amazon Fire Tablets y FireTV, se le puede presentar un "anillo de enfoque" que podría interferir con el deseo de su aplicación de administrar su propio enfoque. Normalmente, esto solo aparece después de tocar la pantalla rápidamente o en el caso del dispositivo FireTV, manteniendo presionada una de las teclas de flecha.

Esto hace que aparezca un "anillo" delgado, típicamente de color anaranjado alrededor de elementos enfocados, o al menos los elementos que el código de Android en esos dispositivos "piensa" tiene enfoque, del mismo modo que se mueve el foco presionando tecla de tabulación en una ventana del navegador.

Puede eliminar este foco en los dispositivos de Amazon mediante la inserción de este en un lugar adecuado en el código CSS:

*: enfoque {
esquema: ninguno; }