微信页面中常见的问题,这里不局限微信,应该是 移动端页面中的链接长按会触发一个 色块高亮的效果:
,为了统一样式 需要清除此效果。
-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);
}
设置后:
再触摸按钮就没有丑萌的蓝色背景!