在移动端网站，当你点击加了a标签的文字或图片时，该元素的周围会闪现一个蓝色的边框，在微信上的网站就是如此；而有的浏览器会闪现一个半透明遮罩层，比如移动端的chrome浏览器，其实这些特效无非就是为了告诉用户已点击了该元素，提升用户体验，但有的时候你会觉得这些特效看起来很别扭，就想着清除它，其实这很简单，只要加上一句css就行了。
清除所有a标签在点击时出现的特效：a{ -webkit-tap-highlight-color:rgba(255,0,0,0);}
这是webkit内核浏览器的私有属性，但它对于微信上的网站同样有效，估计微信用的浏览器也是webkit内核的，其实大部分移动端浏览器用的都是webkit内核，比如UC和Safari。
提醒下，这句CSS只能清除a标签点击时出现的特效，而无法清除添加了JS点击事件的元素出现的特效，其实这两种点击特效都是一样的，要么给元素添加一个边框，要么就是一个遮罩层。暂时还不知道如何清除后者的特效，望知道的大神留个言，谢谢了。
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至253000106@qq.com举报，一经查实，本站将立刻删除。
发布者：PHP中文网，转转请注明出处：https://www.chuangxiangniao.com/p/3100766.html
