CSS pointer-events Property

The pointer-events property controls how HTML elements respond to mouse/touch events, including CSS hover/active states, JavaScript click/tap events, and whether or not the cursor is visible. This property specifies whether the element responds to pointer events and whether it appears on the pointer.




Property Values

Value Description
auto The element responds to pointer events such as hover and click. This is the default setting.
none Pointer events have no effect on the element.
initial This property is set to its default value.
inherit This property is inherited from its parent element.

Supported Browsers

Property Chrome Firefox Safari Edge / IE Opera
pointer-events 2.0 3.6 4.0 11.0 9.0