Niceforms 1.0
CSS, Stylesheet, Web Design April 25th, 2007 
What is it?
Niceforms is a script that will replace the most commonly used form elements with custom designed ones. You can either use the default theme that is provided or you can develop your own look. You can read more about Niceforms in my initial article or take a look at an example to see it in action.
Features
Niceforms works just like your regular web form while adding a few usability improvements as well. One of these improvements would be the possibility of selecting a radio or check box by clicking its adjacent label, which is not possible on Safari browsers, for some weird reason. Niceforms also highlights the labels of the selected boxes to make the selections even clearer.
The form fields and the buttons created via Niceforms are fully scalable. You can specify their width (and height for textareas) through regular HTML properties such as size, cols and rows. For the select field, you can specify its width by simply adding a CSS class. Buttons will automatically expand to accommodate the amount of text present.
Keyboard-only navigation works although it hasnโt been tested thoroughly on Macs yet. Opera has a slight problem with this and keyboard navigation wonโt work on the select fields.
Compatibility
The script is fully compatible with most major browsers, including Firefox, IE6+, Safari and Opera. Since Safari insists on styling input fields and buttons the Mac-way no matter what, Niceforms isnโt applied on these elements for this browser, leaving the default styling in place.
Themes
You can basically customize the look of your forms any way you want by creating your own themes. Since Niceforms replaces the form elements with images, itโs just a matter of slicing these images up correctly and creating the CSS that holds them all together. More themes are on the way and youโre more than welcome to contribute as well. A short guide on how to properly create themes is in progress and should be available soon.