移动端链接长按触发颜色块的问题解决

微信页面中常见的问题，这里不局限微信，应该是 移动端页面中的链接长按会触发一个 色块高亮的效果：

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

再触摸按钮就没有丑萌的蓝色背景！