去除手机浏览器按钮点击出现的高亮框

在工作中经常遇到在手机浏览器中浏览网页时，点击页面中的按钮或者是具备点击事件的元素，就会出现一个默认的高亮框，影响整体的感观体验。

我们可以用一个简单的css3属性就能加以解决，该属性就是：

-webkit-tap-highlight-color

举个栗子：

<a class="html5logo" href="javascript:void(0);"></a>

对该按钮加上相应的css样式：

-webkit-tap-highlight-color: rgba(0,0,0,0);
-webkit-tap-highlight-color: transparent; /* For some Androids */

大功告成！

这样处理后，此a标签是没有点击时的样式，如果要加，可以自己再加伪类样式，在此不再赘述了

去除手机浏览器按钮点击出现的高亮框

原文：http://blog.csdn.net/tyleraxin/article/details/42711937