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.
Syntax
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 |