iOS gris oscuro cuadro estilo activo

Question

Al tocar un enlace o cualquier cosa con un evento onclick en safari móvil aparece un cuadro gris oscuro sobre el elemento. ¿Cómo se llama esto y qué selector de CSS puedo usar para deshacerme de él?

Gracias!

Answer 1

Es el -webkit-tap-highlight-color. Esto es un poco de información adicional para usted:

http://css-infos.net/property/-webkit-tap-highlight-color

/* webkit-tap-highlight-color */ 
a:link { -webkit-tap-highlight-color: #aa0000; } 

/* To set it to none use a totally transparent RGBA */ 
a:link { -webkit-tap-highlight-color: rgba(0,0,0,0); } 

También puede revisar la Safari Mobile developer docs para ver las propiedades CSS compatibles.