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.

Learning resources on MDN

• :open

Browser support

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

View web-platform-tests results for this feature - View the feature source file - Edit the feature - Report an issue about this feature