CSS - -webkit-touch-callout

The -webkit-touch-callout CSS property controls the display of the default callout shown when you touch and hold a touch target.

Example

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

Syntax  

/* Keyword values */
-webkit-touch-callout: default;
-webkit-touch-callout: none;

/* Global values */
-webkit-touch-callout: initial;
-webkit-touch-callout: inherit;
-webkit-touch-callout: unset;

Values

default
The default callout is displayed.
none
The callout is disabled.

Formal syntax

default | none

Description  

The -webkit-touch-callout CSS property controls the display of the default callout shown when you touch and hold a touch target.

When a target is touched and held on iPhone OS, Safari displays a callout information about the link. This property allows disabling that behavior.

Browser Compatibility  

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

[1] The -webkit-touch-callout property was implemented in iOS 2.0 and later added to WebKit (WebKit bug 121507).

Specifications  

Not part of any specification.

Apple has a description in the Safari CSS Reference.

License

© 2016 Mozilla Contributors
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-us/docs/web/css/-webkit-touch-callout