关于移动端点击a标签去掉背景灰色区域

解决办法:android

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

###概述浏览器

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

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

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

###说明it

-webkit-tap-highlight-color:colorio

默认值: inheritwebkit

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

###兼容

iOS 1.1.1及更高版本的Safari浏览器可用
大部分android手机也是支持的,只是显示效果有所不一样。
相关文章
相关标签/搜索