Consistent looking forms across all major browsers.

Check out the demo.

• Unstyled
• Disabled
• To be continued ...

• 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.

• Chrome 16+
• Firefox 9+
• IE 9+
• Opera 11+
• Safari 5+

• 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.
• 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.

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.
• To be continued ...

A project by Francesco Schwarz.