微信頁面中常見的問題摆霉,這里不局限微信豪椿,應(yīng)該是 移動端頁面中的鏈接長按會觸發(fā)一個 色塊高亮的效果:
image.png
奔坟,為了統(tǒng)一樣式 需要清除此效果。
-webkit-tap-highlight-color: rgba(0, 0, 0, 0)
該屬性是一個 不在規(guī)范內(nèi)的css屬性搭盾。當(dāng)用戶點擊iOS的Safari瀏覽器中的鏈接或JavaScript的可點擊的元素時咳秉,覆蓋顯示的高亮顏色。該屬性可以只設(shè)置透明度鸯隅。如果未設(shè)置透明度澜建,iOS Safari使用默認的透明度。當(dāng)透明度設(shè)為0蝌以,則會禁用此屬性炕舵;當(dāng)透明度設(shè)為1,元素在點擊時不可見跟畅。
a {
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
設(shè)置后:
image.png
再觸摸按鈕就沒有丑萌的藍色背景咽筋!