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?