`-webkit-tap-highlight-color` CSS property

-webkit-tap-highlight-color is a non-standard CSS property that sets the color of the highlight that appears over a link while it’s being tapped. The highlighting indicates to the user that their tap is being successfully recognized, and indicates which element they’re tapping on.

Syntax

-webkit-tap-highlight-color: red;
-webkit-tap-highlight-color: transparent; /* for removing the highlight */

/* Global values */
-webkit-tap-highlight-color: inherit;
-webkit-tap-highlight-color: initial;
-webkit-tap-highlight-color: revert;
-webkit-tap-highlight-color: revert-layer;
-webkit-tap-highlight-color: unset;

Values

A <color>.

Formal definition

Formal syntax

-webkit-tap-highlight-color = <color>

Specifications

Not part of any standard. Apple has a description in the Safari Web Content Guide.

Browser compatibility

See also

• WebKit CSS extensions
• Related CSS pseudo-classes:
  • :hover
  • :active
  • :visited