Styling Forms

This is just something I've been experimenting with, and it's by no means the best you can achieve from CSS when styling forms. I am hoping to revisit this at a later date and do some more work to it, but for now, this is where I'm at.

The Pen

I've set up my Pens so that the default view is Result. Once you've looked at the Result and decided that you want to use it somewhere, click the HTML or CSS tabs at the top of the Pen to view the code used.

Copy and paste the HTML and CSS into your own project, and edit it to your needs.

See the Pen Styling HTML5 Validation Using CSS3 by Matt Gibson (@mcfan) on CodePen.