-webkit-touch-callout CSS property
Non-standard: This feature is not standardized. We do not recommend using non-standard features in production, as they have limited browser support, and may change or be removed. However, they can be a suitable alternative in specific cases where no standard option exists.
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 iOS, Safari displays a callout information about the link. This property allows disabling that behavior.
Syntax
css
/* Keyword values */
-webkit-touch-callout: default;
-webkit-touch-callout: none;
/* Global values */
-webkit-touch-callout: initial;
-webkit-touch-callout: inherit;
-webkit-touch-callout: revert;
-webkit-touch-callout: revert-layer;
-webkit-touch-callout: unset;
Values
Formal definition
| Initial value | default |
|---|---|
| Applies to | all elements |
| Inherited | yes |
| Computed value | as specified |
| Animation type | discrete |
Formal syntax
-webkit-touch-callout =
default |
none
Examples
Turn off touch callout
css
.example {
-webkit-touch-callout: none;
}
Specifications
Not part of any standard. Apple has a description in the Safari CSS Reference.
Browser compatibility
| desktop | mobile | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
-webkit-touch-callout
|
|
|
|
|
|
|
|
|
|
|
|
|
Legend
Tip: you can click/tap on a cell for more information.
- Full support
- Full support
- No support
- No support
- Non-standard. Check cross-browser support before using.