Consistent looking forms across all major browsers.
Check out the demo.
- Simply include the
forms.cssfile 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']andinput[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.htmlfile and theassetsfolder. 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.