Open and closed selectors

The :open and :closed CSS pseudo-classes match elements that have open and closed states, like <details, <dialog>, or <select>, based on their state.

Browser support

• Chrome ❌
• Chrome Android ❌
• Edge ❌
• Firefox ❌ Vendor position
• Firefox for Android ❌ Vendor position
• Safari ❌
• Safari on iOS ❌

Edit this feature - Report an issue about this feature