En dispositivos con pantallas táctiles , como teléfonos inteligentes y tabletas en algunos sitios web, cuando hace clic en diferentes elementos de la página, como enlaces, botones, casillas de verificación, etc. , se muestra un efecto (el color de fondo del elemento en el que se hizo clic es un efecto Azul se desvanece) lo que indica un clic en el elemento deseado. Pero en algunos sitios web, este efecto no se muestra y si se hace clic en algún elemento en el que se puede hacer clic o pasar el mouse, si se hace clic, este efecto no se mostrará y no habrá cambios en el color de fondo del elemento en el que se hizo clic.
Para este tema, he dado dos ejemplos. El primero es el propio sitio de stackoverflow , que al hacer clic en iconos, elementos y enlaces, se muestra el efecto y cambia el color de fondo del elemento.
Y el segundo ejemplo está relacionado con las páginas de tipografías y los iconos de Google , cosa que no ocurre. Hacer clic en cualquier elemento en el que se pueda hacer clic o pasar el mouse por encima no muestra ningún efecto y no cambia el color de fondo de ese elemento. Ahora mi pregunta es como se puede deshabilitar este efecto para que no se muestre al hacer clic en cualquier elemento y este efecto no aparezca? ¿Cuál es la solución para desactivar este efecto? Agradecido
Ejemplo número uno:
Ejemplo número dos:
El color del toque se puede desactivar cambiando -webkit-tap-highlight-color a transparent
-webkit-tap-highlight-color: transparente;