css - negra - Estilo activo de la caja gris oscuro de iOS

pruebas de caja blanca y un ejemplo de aplicación

Question

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

¡Gracias!

Answer 1

Es el color -webkit-tap-highlight-color. Aquí hay 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 consultar la documentación del desarrollador de Safari Mobile para ver las propiedades CSS compatibles.