forms.css – Consistent looking forms across all major browsers

Other demo states

Simply include the forms.css file in your web project.
Read carefully through the heavily documented CSS file and learn form it.
Rip the code apart, change it according to your needs, customize it!
Feel free to file issues and tell me what you like or don’t like about the code.

Clone the project with Git by using

$ git clone git://github.com/isellsoap/forms.css.git

Confused about all the files in the folder? In order to run the demo you just need two things: the demo.html file and the assets folder. You can remove anything else.

This is a work in progress.
I’ll try to extend the browser support. Yes, IE 8, I’m looking at you!
I completely go along with the makers of normalize.css when they say about their project that it is not intended to be a mysterious ‘black box’ that is included in a project and then ignored. It should be used as a customisable starting point on any project. This applies also to forms.css.
Elements like input[type='file'] and input[type='range'] are just to hard to manage or not manageable at all. I left those out.
CSS documentation will be enhanced step by step.

forms.css is published under the MIT license and GPL v3.

This project is massively inspired by Nathan Smith’s awesome formalize. I learned a lot from it. Go check it out!
Nicolas Gallagher’s and Jonathan Neal’s project normalize.css has some worth reading and well documented CSS rule sets regarding forms.
Button design above by simurai.
To be continued …