博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
关于移动端点击a标签去掉背景灰色区域
阅读量:6521 次
发布时间:2019-06-24

本文共 498 字,大约阅读时间需要 1 分钟。

hot3.png

解决办法:

a { text-decoration: none; display: block; -webkit-tap-highlight-color:transparent }

###概述

当用户点击iOS的Safari浏览器中的链接或JavaScript的可点击的元素时,覆盖显示的高亮颜色。

-webkit-touch-callout 是一个 不规范的属性(unsupported WebKit property),它没有出现在 CSS 规范草案中。

该属性可以只设置透明度。如果未设置透明度,iOS Safari使用默认的透明度。当透明度设为0,则会禁用此属性;当透明度设为1,元素在点击时不可见。

###说明

-webkit-tap-highlight-color:color

默认值: inherit

适用于:链接元素比如新窗口打开,img元素比如保存图像等等

###兼容

iOS 1.1.1及更高版本的Safari浏览器可用大部分android手机也是支持的,只是显示效果有所不同。

转载于:https://my.oschina.net/u/2561199/blog/912286

你可能感兴趣的文章
在Android中创建文件
查看>>
爬虫基础
查看>>
JS组件系列——再推荐一款好用的bootstrap-select组件,亲测还不错
查看>>
getopt--parse command line options
查看>>
闭包和OC的block的本质
查看>>
MySQL出现Waiting for table metadata lock的场景浅析
查看>>
C# 语言历史版本特性(C# 1.0到C# 7.1汇总更新)
查看>>
什么是数据埋点?
查看>>
git回滚
查看>>
vue2.0 引用qrcode.js实现获取改变二维码的样式
查看>>
Python 判断闰年,判断日期是当前年的第几天
查看>>
web.xml 中的listener、 filter、servlet 加载顺序
查看>>
MyBatis原理简介和小试牛刀
查看>>
js部分基础
查看>>
脏读,幻读,不可重复读解释和例子
查看>>
Tomcat指定(JDK路径)JAVA_HOME而不用环境变量
查看>>
说说云计算与移动管理
查看>>
T-Mobile美国使用28GHz频段测试5G
查看>>
如何缓解影子云服务安全风险?
查看>>
银行卡信息安全事件频发 互联网站成数据泄露"重灾区"
查看>>