Post

you can use CSS to detect not only when a form is :valid but also when it's been interacted with s/:valid/:user-valid 🤙 .group:has(:user-invalid) { --color: var(--invalid); } input:user-invalid + .error { display: block; }

will be cool to use this in a couple of years 😬

i'd go for it with styles in a progressively enhanced way the number of unsupported users is perhaps ~5% across "popular" browsers there but for those without support, are they going to miss/care if the input doesn't change color?