微信頁面中常見的問題,這里不局限微信,應該是 移動端頁面中的鏈接長按會觸發一個 色塊高亮的效果:
image.png
,為了統一樣式 需要清除此效果。
-webkit-tap-highlight-color: rgba(0, 0, 0, 0)
該屬性是一個 不在規范內的css屬性。當用戶點擊iOS的Safari瀏覽器中的鏈接或JavaScript的可點擊的元素時,覆蓋顯示的高亮顏色。該屬性可以只設置透明度。如果未設置透明度,iOS Safari使用默認的透明度。當透明度設為0,則會禁用此屬性;當透明度設為1,元素在點擊時不可見。
a {
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
設置后:
image.png
再觸摸按鈕就沒有丑萌的藍色背景!