浅谈 -webkit-tap-highlight-color 属性

前言

最近在做微信端的网站，遇到这样一个问题，当点击一个链接或者通过Javascript定义的可点击元素的时候，它就会出现一个半透明的浅蓝色背景。本来以为是a标签的属性设置，设置了一番之后发现并不管用。经查阅，原来用一个css3属性-webkit-tap-highlight-color 就可解决这个问题。

-webkit-tap-highlight-color

-webkit-tap-highlight-color属性就是用来设置被点击时背景框的颜色，如果想去掉背景框则可以将rgba中的alpha值设为0即可：

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

当然也可以设置成你想要的颜色。

原因：在移动端上，有事件监听的元素被点击的时候会被高亮显示。