在安卓默认的浏览器中,当你点击一个可点击的标签(超链接或者你加了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
谢谢楼主,解决了困扰很久的问题。