CSS :open pseudo-class

March 13, 2025

The :open pseudo-class can be applied to::open styles an input when its picker is showing.

Source: CSS :open pseudo-class

We love a pseudo class here at Conffab. Here Ollie Williams looks at the little known ::open, and how we can use it to style all manner of elements, like dialog, select and various inputs that open a picker, when that picker is showing.