CSS · More selectors

:user-invalid

Matches a field after the user has interacted and the value is invalid. Better than :invalid for UX.

cssRunnable example css course

Syntax

:user-invalid

Example

Try it

input:user-invalid { border-color: #b42318; }

Reference pages are the quick answer. The course explains the why, shows the full example and ends with a challenge.