Navegador de Android: elimine el borde del esquema cuando se enfoca el ancla

Question

Estoy usando en mi aplicación de Android una vista web que carga una página externa. Tiene algunas anclas (<a> etiquetas). Cuando presiono sobre él, aparece un borde amarillo.

¿Cómo puedo evitarlo y eliminar este borde?

que he probado siguientes trucos:

// jQuery 
$("a").focus(function(){ 
    $(this).attr("hideFocus", "hideFocus"); 
}); 

// CSS 
a, :focus { 
    outline: none; 
} 

pero sin éxito.

Gracias!

Answer 1

establecer la propiedad CSS -webkit-tap-highlight-color de la siguiente manera:

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

Nota: establecer el color de otras maneras no suele funcionar debido a la forma webkit hace que el punto culminante. Depende de la versión/variante según mi experiencia.