This feature is non-standard and is not on a standards track. Do not use it on production sites facing the Web: it will not work for every user. There may also be large incompatibilities between implementations and the behavior may change in the future.

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.

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

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



The default callout is displayed.
The callout is disabled.

Formal syntax

default | none


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


Not part of any specification.

Apple has a description in the Safari CSS Reference.

Browser compatibility

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!

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).

Document Tags and Contributors

 Contributors to this page: scholachoi, Siilwyn, ManuRomero, Sebastianz, kscarfone, Wine-Persona
 Last updated by: scholachoi,