隐藏android WebView 高亮选择框

Mexican 2014-03-19

转于:http://blog.sina.com.cn/s/blog_6ce8bab501013u12.html

--------------------------------------------------------------------------------------------------------

结合HTML+CSS+JS+phonegap来开发移动APP开始广泛应用,
最简单方法就是把phonegap当作一个WebView来加载本地代码。
在测试过程中发现每当点击页面元素时,android模拟器就会默认显示一个高亮的边框,
像这样:

隐藏android WebView 高亮选择框

这是safari默认的CSS属性,想去掉这个边框可以使用全局的一个CSS

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

按理也可以隐藏掉iPhone Safari浏览器的高亮虚线,因为都是基于 webkit内核的。

相关推荐