---
title: Pointer Events
---
## Pointer Events

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

### Example

```css

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

<!-- The article goes here, in GitHub-flavored Markdown. Feel free to add YouTube videos, images, and CodePen/JSBin embeds  -->

#### More Information:
- [pointer-events on MDN web docs](https://developer.mozilla.org/en-US/docs/Web/CSS/pointer-events)
- [Scalable Vector Graphics 1.1 specification (recommendation)](https://www.w3.org/TR/SVG11/interact.html#PointerEventsProperty)
- [Can I use: CSS pointer-events property](https://caniuse.com/#feat=pointer-events)