eliminar fondo gris en el enlace hecho clic en ios safari/cromo/firefox

Question

Al hacer clic (tocar) un enlace en Safari (o Chrome o Firefox) para iOS, se obtiene un fondo gris detrás del enlace (solo mientras lo está sosteniendo) ¿Hay alguna manera de eliminar esta característica mediante CSS?

Por favor, vea la imagen siguiente ejemplo:

Answer 1

Webkit tiene una propiedad de estilo específico para que: -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 quitar el resaltado completamente-

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