CSS pointer-events Property
Example
Set whether or not an element should react to pointer events:
div.ex1 {
pointer-events: none;
}
div.ex2 {
pointer-events: auto;
}
Try it Yourself »
Definition and Usage
The pointer-events property defines whether or not an element reacts to
pointer events.
| Default value: | auto |
|---|---|
| Inherited: | yes |
| Animatable: | No. Read about animatable |
| Version: | CSS3 |
| JavaScript syntax: | object.style.pointerEvents="none" Try it |
Browser Support
The numbers in the table specify the first browser version that fully supports the property.
| Property | |||||
|---|---|---|---|---|---|
| pointer-events | 2.0 | 11.0 | 3.6 | 4.0 | 9.0 |
CSS Syntax
pointer-events: auto|none;
Property Values
| Property Value | Description |
|---|---|
| auto | The element reacts to pointer events, like :hover and click. This is default |
| none | The element does not react to pointer events |
| initial | Sets this property to its default value. Read about initial |
| inherit | Inherits this property from its parent element. Read about inherit |
