linkteki gri arkaplanını kaldırmak için ios safari/chrome/firefox tıklayınız

Question

iOS için Safari (veya chrome veya firefox) bağlantısına tıkladığınızda (dokunun), bağlantının arkasında gri bir arka plan olsun (sadece siz onu tutuyorsanız)). CSS kullanarak bu özelliği kaldırmak için bir yolu var mı?

aşağıdaki örnek görüntüsü bakınız:

Answer 1

Webkit bunun için belirli bir stil özelliği vardır: -webkit-tap-highlight-color. Eğer linkleri ve css bahsediyoruz zaman gerçekten safari iOS hakkında fikir değil, ama

/* 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); 
} 

vurgulama

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