×

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

作者:Terry2014.06.24来源:Web前端之家浏览:13815评论:0
关键词:AndroidiOS

刚看到一则好新闻,深圳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) 。

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


您的支持是我们创作的动力!
温馨提示:本文作者系Terry ,经Web前端之家编辑修改或补充,转载请注明出处和本文链接:
https://jiangweishan.com/article/Android-ios-shadow.html

网友评论文明上网理性发言已有0人参与

发表评论:

最新留言

  • jenny

    VUE的总结的不错啊,收藏了。下次搞点React的啊...

  • jenny

    win7最经典,想当初win8出来后都没它好用,怀恋经典。。。...

  • Terry

    谢谢提醒,插件已经修复。...

  • 访客

    士大夫士大夫...

  • 访客

    用這甚麼顏色...

  • fg123

    提示什么报错信息?...

  • 访客

    为什么第一步点击提交后弹出框点击确认后没有反应?...

  • fati

    刚好遇到setState的问题,感谢分享!...

首页|JavaScript|HTML|HTML4|HTML5|CSS3|开发工具|性能优化|移动开发|前端教程|性能优化|开发工具|酷站欣赏|UI设计|前端教程

Copyright © 2023 Web前端之家(www.jiangweishan.com) 版权所有 All Rights Reserved.
粤ICP备12067512号-1

Copyright Your WebSite.Some Rights Reserved.

Powered By Z-BlogPHP 1.7.2