:open
The :open CSS pseudo-class matches elements that have open states, like <details>, <dialog>, or <select>, based on their state.
Status
Limited availability
MDN documentation
Specifications
Browser support
- Chrome 133 Released on 2025-02-04
- Chrome Android 133 Released on 2025-02-04
- Edge 133 Released on 2025-02-06
- Firefox 136 Released on 2025-03-04
- Firefox for Android 136 Released on 2025-03-04
- Safari ❌
- Safari on iOS ❌
Baseline availability blocked since March 2025 by Safari (11 months)
Web Platform Tests (WPT)
View the latest WPT test results for this featureDeveloper votes
Do you need this feature?
Let us know by leaving a 👍 reaction on the feedback issue. Don't forget to also leave a comment explaining your specific use case.
View as JSON | Edit this feature | Report an issue | Web-features entry: source, dist