usunąć szare tło z linku klikniętego w ios safari/chrome/firefox

Question

Po kliknięciu (kliknięciu) łącza w Safari (lub chrome lub firefox) dla iOS, otrzymasz szare tło za linkiem (tylko podczas trzymania go). Czy istnieje sposób usunięcia tej funkcji za pomocą CSS?

proszę zobaczyć przykładowy obrazek poniżej:

Answer 1

Webkit ma specyficzną właściwość stylu na to: -webkit-tap-highlight-color.

Skopiowane z: 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); 
} 

Jeśli chcesz usunąć kulminacyjnym completely-

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