Hola desarrollador/programador,
buenas tardes, estoy desarrollando un sitio web usando PHP , JavaScript , HTML y CSS . Tengo un problema. cuando ejecuto el sitio web en el móvil y cuando hago clic en cualquier elemento, el botón muestra el efecto, pero no quiero ese efecto.
Cómo eliminar el efecto de clic de botón / efecto de botón al hacer clic.
El efecto de "clic" parece ser un color de resaltado de toque.
Agregar el siguiente css a su etiqueta html debería funcionar:
html { -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-tap-highlight-color: transparent; }Configuró el color de resaltado del toque en transparente.
Fuente: https://developer.mozilla.org/en-US/docs/Web/CSS/-webkit-tap-highlight-color
Puede usar consultas de medios en su archivo css para evitar lo que desea evitar en los dispositivos táctiles. puedes hacerlo de dos maneras:
/* for devices that can hover, like laptop */ @media (hover: hover) { .your-button-class { styles... } } /* for devices that can not hover, like phones*/ @media (hover: none) { .your-button-class { styles... } }