如何去除移动端链接a标签产生带色边框
2016-01-11 16:48
447 查看
还记得刚到公司第一次写移动端WEB页的时候,测试时发现点连接的a标签点击时会有一个很丑的边框出现,很是影响页面美观;小狂我用尽各种办法,最后终于解决了这个问题。
样式代码如下
a{
border:none;
-webkit-tap-highlight-color: rgba(0,0,0,0);
-webkit-tap-highlight-color:transparent;
outline:none;
}
会出现这样的问题是因为:
-webkit-tap-highlight-color是ios和android下点击元素时出现的阴影。
-webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-tap-highlight-color:transparent; 都可以将该阴影透明化,进而解决那个丑丑的边框问题
样式代码如下
a{
border:none;
-webkit-tap-highlight-color: rgba(0,0,0,0);
-webkit-tap-highlight-color:transparent;
outline:none;
}
会出现这样的问题是因为:
-webkit-tap-highlight-color是ios和android下点击元素时出现的阴影。
-webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-tap-highlight-color:transparent; 都可以将该阴影透明化,进而解决那个丑丑的边框问题
相关文章推荐
- 【Android工具】Android Studio插件试水篇
- Android Studio 获取数字签名信息
- Android Animation实战之屏幕底部弹出PopupWindow
- 【风马一族_Android】Button 按钮之记录
- Android使用自定义字体的方法
- iOS开发教程老郭最新Swif语言函数解析
- webview加载大图片,左右滑动问题解决
- android SDK目录结构详解
- 点击查看外部依赖jar的源码报找不到 android private libralies does not allow modifications to source
- Android 中Notification的运用
- Android 启动过程详解
- [杂记]Android开发一些容易忘记的API
- Android 管理Activity中的fragments
- 华为笔试(3)(有CObject内容)
- NSDictionary&& NSMutableDictionary使用
- WEB扫描类产品测试--AppScan-WVS-WebRavor(9)
- Android九点图(Nine-Patch)制作及应用
- Android自定义ProgressDialog进度等待框
- android TouchImageView 初级篇
- iOS APP之本地数据存储(译)