120 of 313 menu

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

selector { pointer-events: none | auto; }

Example

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

<a href="http://google.com">link</a> a { pointer-events: none; }

:

See also

  • the user-select property
    that disables text selection
  • the selection pseudo-element
    that controls styles of a selected text
frrobnuzkk