:modal
Widely available since 2025-03-02
The :modal pseudo-class selects elements that put other elements into a non-interactive state, such as a fullscreen element or a <dialog> element used with showModal().
Learn more
Specifications
Browser support
- Chrome 105 Released on 2022-09-02
- Chrome Android 105 Released on 2022-09-02
- Edge 105 Released on 2022-09-01
- Firefox 103 Released on 2022-07-26
- Firefox for Android 103 Released on 2022-07-26
- Safari 15.6 Released on 2022-07-20
- Safari on iOS 15.6 Released on 2022-07-20
Usage (according to Chrome Platform Status)
~1.812% of page loads. More data at chromestatus.
Web Platform Tests (WPT)
View the latest WPT test results for this featureView as JSON | Edit this feature | Report an issue | Web-features entry: source, dist