【Android和IOS系统】如何去掉点击网页上连接出现的方框 - Web前端

刚看到一则好新闻，深圳500辆以上公交车将有免费WIFI服务。哈哈，如能实现就太好了，话说回来，这充分说明现在大伙用手机的频率越来越高了，这样就对手机网站需求会越来越高。好吧，别扯太远了，今天说的就是我们平时在手机上点击连接时候出现的边框和背景块。

其实我以前写过两篇文章【去掉点击链接时周围的虚线框outline属性，如何去掉A标签的虚线框】，关于电脑上浏览页面，如何去掉虚线框。今天市场提个需求：手机上点击连接也实现这样。其实我个人觉得，这样做不是很好，因为手机上的连接是跟电脑上不一样，没有手型之类的，出现背景框和边框给用户提示此处可以点击的。经过我的一番沟通，我的建议被pass了，说到这，咋们就讲下如何去掉虚线框和背景框吧。

经测试在Android系统点击出现的是虚线框，而在iOS系统是背景框，其处理方法如下：

最简单方法：直接CSS文件里在加样式。

1. <style type="text/css">

2.     .link-font{

3.        -WEBkit-tap-highlight-color:rgba(0,0,0,0);

4.     }

5. </style>

听朋友说还可以这样搞起：

★ 在配置文件中写上android:ScrollbarSize="0dip"。

★ 在Activity的onCreate中设置webview的scrollbarstyle，如:webVIEw.setScrollBarStyle(View.SCROLLBARS_INSIDE_OVERLAY) 。

这两个方法我自己没尝试过，不过如果大伙有别好的方法都可以推荐下，可直接留言。