quantum - eliminar el fondo gris en el enlace al que se hizo clic en ios safari/chrome/firefox

mozilla firefox es

Question

Cuando hace clic (toca) un enlace en Safari (o Chrome o Firefox) para iOS, obtiene un fondo gris detrás del enlace (solo mientras lo tiene). ¿Hay alguna manera de eliminar esta característica mediante CSS?

Por favor vea la imagen de ejemplo a continuación:

Answer 1

Webkit tiene una propiedad de estilo específica para eso: -webkit-tap-highlight-color .

Copiado de: http://davidwalsh.name/mobile-highlight-color -

/* light blue at 80% opacity */
html {
-webkit-tap-highlight-color: rgba(201, 224, 253, 0.8);
}
/* change it for a div that has a similar background-color to the light blue tap color */
.blueDiv {
-webkit-tap-highlight-color: rgba(251, 185, 250, 0.9);
}

Si desea eliminar el resaltado por completo-

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