grauen Hintergrund auf Link entfernen in ios safari/chrome/firefox

Question

Wenn Sie auf einen Link in Safari (oder Chrome oder Firefox) für iOS klicken, erhalten Sie einen grauen Hintergrund hinter dem Link (nur während Sie es halten). Gibt es eine Möglichkeit, diese Funktion mithilfe von CSS zu entfernen?

Bitte siehe Beispiel Bild unten:

Answer 1

Webkit hat eine bestimmte Stil-Eigenschaft für die: -webkit-tap-highlight-color.

Kopiert von: 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); 
} 

Wenn Sie das Highlight

entfernen möchten

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