pointer-events none for children

October 03, 2018

Sometimes you want to "disable" all the elements inside a certain element. So we can easly use pointer-events: none.

The problem

What if you want to "disable" only some elements but not the others?

The solution

You can, surprise surprise, "enable" them (by pointer-events: auto) even if its parent has pointer-events: none.

Want a proof?

You can click on the button and on the select but not on the input or on the radio

© 2021 - Moshe Feuchtwander