微信頁(yè)面中常見(jiàn)的問(wèn)題，這里不局限微信，應(yīng)該是 移動(dòng)端頁(yè)面中的鏈接長(zhǎng)按會(huì)觸發(fā)一個(gè) 色塊高亮的效果：

image.png

，為了統(tǒng)一樣式 需要清除此效果。

-webkit-tap-highlight-color: rgba(0, 0, 0, 0)

該屬性是一個(gè) 不在規(guī)范內(nèi)的css屬性。當(dāng)用戶點(diǎn)擊iOS的Safari瀏覽器中的鏈接或JavaScript的可點(diǎn)擊的元素時(shí)，覆蓋顯示的高亮顏色。該屬性可以只設(shè)置透明度。如果未設(shè)置透明度，iOS Safari使用默認(rèn)的透明度。當(dāng)透明度設(shè)為0，則會(huì)禁用此屬性；當(dāng)透明度設(shè)為1，元素在點(diǎn)擊時(shí)不可見(jiàn)。

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

設(shè)置后：

image.png

再觸摸按鈕就沒(méi)有丑萌的藍(lán)色背景！