:user-valid and :user-invalid

The :user-valid and :user-invalid pseudo-classes match form controls that have been marked as valid or invalid based on their validation constraints.

Baseline Status: Achieved Widely Available on May 2, 2026 (Cross-browser Newly Available since Nov 2, 2023).

Desktop Browser Engine Support

Google Chrome

119

Supported

Mozilla Firefox

88

Supported

Apple Safari

16.5

Supported

Microsoft Edge

119

Supported

Mobile Browser Engine Support

Chrome Android

119

Firefox Android

88

Safari iOS

16.5

Specifications and References

Specification ↗ Feature XML ↗

MDN Browser Compat Data Keys:

css.selectors.user-invalid ↗ css.selectors.user-valid ↗