CSS Cursor Styling pointer-events


Example

The pointer-events property allows for control over how HTML elements respond to mouse/touch events.

.disabled {
  pointer-events: none;
}

In this example,

'none' prevents all click, state and cursor options on the specified HTML element [[1]]

Other valid values for HTMl elements are:

  • auto;
  • inherit.
  1. https://css-tricks.com/almanac/properties/p/pointer-events/

Other resources: