-webkit-touch-callout

非标准: 该特性是非标准的,请尽量不要在生产环境中使用它!

概述

-webkit-touch-callout 这个CSS 属性禁用了默认的callout展示, callout是指当触摸并按住一个元素的时候出现的提示。

当在iOS上一直按住一个目标元素时,Safari会展示一个关于这个链接的callout信息。webkit-touch-callout属性允许禁用掉这一行为。

语法

Formal syntax: default | none
-webkit-touch-callout: default   /* displays the callout */
-webkit-touch-callout: none      /* disables the callout */

-webkit-touch-callout: initial
-webkit-touch-callout: inherit
-webkit-touch-callout: unset

可能的值

default
此值表示显示默认的callout
none
此值表示禁用callout

示例

.example {
  -webkit-touch-callout: none;
}

浏览器兼容性

We're converting our compatibility data into a machine-readable JSON format. This compatibility table still uses the old format, because we haven't yet converted the data it contains. Find out how you can help! (en-US)

Feature Chrome Firefox (Gecko) Internet Explorer Opera Safari (WebKit)
Basic support 未实现 未实现 未实现 未实现 (Yes)[1]
Feature Android Firefox Mobile (Gecko) IE Phone Opera Mobile Safari Mobile
Basic support 未实现 未实现 未实现 未实现 (Yes)[1]

[1] -webkit-touch-callout 属性最早在 iOS 2.0 上实现,后来被添加到WebKit (WebKit bug 121507).