Open and closed selectors
Limited availability
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
Browser support
- Chrome ❌
- Chrome Android ❌
- Edge ❌
- Firefox ❌ Vendor position
- Firefox for Android ❌ Vendor position
- Safari ❌ Vendor position : support
- Safari on iOS ❌ Vendor position : support
Specifications
View web-platform-tests results for this feature - View the feature source file (dist) - Edit the feature - Report an issue about this feature