:modal
Newly available since 2022-09-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().
Learning resources on MDN
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