What does :open do?

The :open pseudo-class matches when certain elements are in an open state.

Which elements support it?

It works with <details>, <dialog>, <select>, and <input> elements like date and color.

This tooltip won’t close the menu!

Привет, я Popover! 👋

Я открылся без единой строчки JavaScript.

<dialog>

This dialog matches :open

While showing, the dialog is styled using the :open pseudo-class.



Face ID

QR Code Scanner

Go back