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; }

Love it, thank you for this. I was blanking on user-valid. All I remembered was that invalid always checked even when the user has not interacted with it. This is what I was looking for!