The pointer-events property

The pointer-events property allows you to remove the element’s response to mouse events. The property takes two values. A value of none removes the response, and a value of auto causes the element to behave as normal (default value).

Syntax

cssselector {
  pointer-events: none | auto;
}

Example

In the following example, the link will not respond to hover or click:

html<a href="http://google.com">link</a>

cssa {
  pointer-events: none;
}

Результат:

See also