移动端取消touch高亮效果1
2015-06-30 14:26
281 查看
在做移动端页面时,会发现所有a标签在触发点击时或者所有设置了伪类 :active 的元素,默认都会在激活状态时,显示高亮框,如果不想要这个高亮,那么你可以通过css以下方法来禁止:
这个设置,在大部分机子上都是起效果的。但是,移动端三星自带浏览器,点击页面任意a标签时,设置-webkit-tap-highlight-color:rgba(0,0,0,0)还是会有阴影底色,这应该是浏览器强制加上去的,通过代码设置也无法覆盖。
有一种妥协的方法是把页面非真实跳转链接的a标签换成其它标签,可以解决这个问题。
.xxx { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
这个设置,在大部分机子上都是起效果的。但是,移动端三星自带浏览器,点击页面任意a标签时,设置-webkit-tap-highlight-color:rgba(0,0,0,0)还是会有阴影底色,这应该是浏览器强制加上去的,通过代码设置也无法覆盖。
有一种妥协的方法是把页面非真实跳转链接的a标签换成其它标签,可以解决这个问题。
相关文章推荐
- ios 关闭自动修正输入内容
- Netty游戏服务器之五Unity3d登陆消息
- Netty游戏服务器之五Unity3d登陆消息
- org.tinygroup.application-应用启动框架
- Activity切换动画无效(android:windowIsTranslucent)影响(android:windowAnimationStyle)
- 移动5年 Android生态系统的演进
- Swift学习笔记之基础篇(一)
- 2015 年五大移动端设计趋势
- Unity3d《Shader篇》自定义光照模型
- Github上优秀的Objective-C项目简介
- Android 中如何使用 enum / 枚举
- iOS学习笔记1--在xcode6以上的版本中不使用storyboard以及部分控件使用
- ios空模板配置
- android_launcher的源码详细分析
- Android简化一个界面内的多个Listener
- Android 自己实现 NavigationView [Design Support Library(1)]
- Android 自己实现 NavigationView [Design Support Library(1)]
- Application Layer
- android studio 编译错误sRGB
- iOS 推送通知