CSS -webkit-tap-highlight-color 手机端点击时的背景色设置

CSS -webkit-tap-highlight-color 手机端点击时的背景色设置

今天遇到这么个问题：
同样的<a>，在电脑的chrome上点击没有高亮背景色，在手机端点击会有高亮的蓝色背景色。导致我设置的a:active的背景色被蓝色挡住了。

在segmentFault问别人，有人给解答说是这个属性的问题：-webkit-tap-highlight-color
字面上的意思就是高亮颜色，那只需要设置一下这个颜色为透明就可以了，刚才又试验了一下，直接设置‘无’是不行的，所以只能设置：

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