Help styling form inputs for "confirmation."

Hey all.

Was wondering how to implement certain styling for “confirmed” HTML 5 form elements.

What I mean by that is, some online forms show checkmarks or something similar when information has been entered correctly.

I wanted a similar effect for mine. Basically I’m wanting to highlight all inputs, selections, and text-areas a shade of blue when blank/incomplete and switch the highlight to orange when filled in correctly.

The project itself only calls for validation errors. I saw in the example code the author used the “focus” pseudo-class but I’m not sure that’s what I’m wanting to use here. Any ideas where I should start?

Here is a few things to look at.

1 Like

Never mind I figured out what I was doing wrong. Not using checked and making selectors way too complicated.