移動端鏈接長按觸發顏色塊的問題解決

微信頁面中常見的問題,這里不局限微信,應該是 移動端頁面中的鏈接長按會觸發一個 色塊高亮的效果:

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

再觸摸按鈕就沒有丑萌的藍色背景!

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容