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.