Web platform features explorer

: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 (12 months)

Interop

Web Platform Tests (WPT)

View the latest WPT test results for this feature

Developer votes

👍
19

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