mozilla
Your Search Results

    -webkit-touch-callout

    This article is in need of a technical review.

    Non-standard
    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.

    Summary

    The -webkit-touch-callout CSS property disables 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.

    Syntax

    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

    Values

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

    Example

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

    Browser compatibility

    Feature Chrome Firefox (Gecko) Internet Explorer Opera Safari (WebKit)
    Basic support Not supported Not supported Not supported Not supported (Yes)[1]
    Feature Android Firefox Mobile (Gecko) IE Phone Opera Mobile Safari Mobile
    Basic support Not supported Not supported Not supported Not supported (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: kscarfone, Sebastianz, Wine-Persona
    Last updated by: kscarfone,
    Hide Sidebar