Pointer Events – CSS


title: Pointer Events

Pointer Events

The pointer-events property determines if an element will react to pointer events.

There are 4 possible values that can be assigned to the pointer-events property:

  • auto Default Setting: Reacts to pointer events like :hover or click.
  • none Sets that the element won’t react to pointer-events
  • initial Uses the default value
  • inherit Inherits from parent

This property specifies how your mouse reacts when you hover over any element on a page.

Example

.example { pointer-events: auto; /*this will use the default look set by the browser agent*/ } .example { pointer-events: none; /*this will use the regular mouse look when hovered over the element*/ }

Other acceptable values

Other values could be: initial, and inherit

More Information:

This article needs improvement. You can help improve this article. You can also write similar articles and help the community.