您的位置:知蚁博客 » 程序设计 » 通过css去除安卓浏览器标签选中时候的边框

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

作者: 发布时间:2012-11-30 分类:程序设计 标签: 1,517人浏览

在安卓默认的浏览器中,当你点击一个可点击的标签(超链接或者你加了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

相关文章

1访客评论

  1. 谢谢楼主,解决了困扰很久的问题。

    感谢03-01 16:14 回复

我来说说

(必须)

(必须,保密)

你确定你已经看过文章了?
取消

无觅相关文章插件,快速提升流量