>  기사  >  웹 프론트엔드  >  css取消Safari浏览器链接点击颜色变灰-webkit-tap-highlight-color_html/css_WEB-ITnose

css取消Safari浏览器链接点击颜色变灰-webkit-tap-highlight-color_html/css_WEB-ITnose

WBOY
WBOY원래의
2016-06-21 08:47:101346검색

给可点击的元素添加代码:

-webkit-tap-highlight-color: transparent;

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

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

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

语法:

-webkit-tap-highlight-color:color

默认值: inherit

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

取值:

color: 颜色值

transparent: 透明值

* CSS3新增属性可能存在描述错误及变更,仅供参考,持续更新

兼容性:

iOS 1.1.1及更高版本的Safari浏览器可用

大部分android手机也是支持的,只是显示效果有所不同。

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.