CSS · Interaction and accessibility

pointer-events

Makes an element ignore pointer input. Not a substitute for disabling a button.

cssRunnable example css course

Syntax

pointer-events: none

Example

Try it

.demo { pointer-events: none; opacity: 0.5; }

Reference pages are the quick answer. The course explains the why, shows the full example and ends with a challenge.