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

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

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

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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容