通过css去除安卓浏览器标签选中时候的边框

在安卓默认的浏览器中，当你点击一个可点击的标签（超链接或者你加了onclick的元素等），为了表示你所点击的元素，点击的时候浏览器会自动为我们点击的元素套上一个边框。

下面通过一个示例进行说明，将下面代码保持到一个html文件中，然后通过手机打开该网页，然后点击的时候就可以看到下图的效果了。

<div style="height:2em;line-height:2em;"><a href="http://www.letuknowit.com/">知蚁博客</a></div>
<div style="height:2em;line-height:2em;" onclick="">点击我试试</div>

有的时候真的是好心办坏事，这个边框实在是太影响使用体验了，下面就说说如何解决这个烦人的问题。

通过css方式可以轻松的解决这个问题，只要在元素上加上下面的css熟悉，就可以了。

.noborder {
    -webkit-tap-highlight-color:rgba(0,0,0,0);
}

原创文章请注明转载于知蚁博客，本文地址：http://www.letuknowit.com/archives/android-browser-use-css-remove-border