Styling HTML forms using just CSS has some drawbacks, especially when it comes to elements and tags like radio buttons.
One way to dance around this limitation is to use a JavaScript library like jQuery to do some pretty nifty form styling. Here’s a quick list of free and good jQuery plugins to help skin HTML forms:
- Niceforms:
Lucian Slatineanu has an excellent script for replacing the boring default HTML form elements. It’s also very easy to customise and build your own theme. (See the Demo.) - jqTransform:
Another easy-to-use script that’s good on the eye and also customisable. - (Functional) Pretty Forms:
I’ve not used this before, but on first glance, it doesn’t look too hard to implement and looks minimal and slick. - jNice:
jNice is nice and looks great but there doesn’t seem to be much documentation.
One major caveat: Your mileage for IE6 support may vary—don’t hold your breath. I seriously consider the job done if the scripts degrade gracefully (as Niceforms does).
