: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 ❌ Vendor position : support
- Safari on iOS ❌ Vendor position : support
Baseline availability blocked since March 2025 by Safari (5 months)
View as JSON | Edit this feature | Report an issue | Web-features entry: source, dist