pointer-events

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:

• https://developer.mozilla.org/en-US/docs/Web/CSS/pointer-events
• https://davidwalsh.name/pointer-events