All standard HTML objects can be customized through the use of CSS attributes, except for two:
- Check Boxes
- Radio Buttons
This script allows users to replace these input types with their own custom images, such as a new checkbox/radio button, or even a smiley/frowney face. This is compatible with all browsers: If a browser does not support the customization, then the original check boxes and radio buttons simply will not change. There is no need to adjust for browser quirks.
Instructions for use:
Styling your check boxes and radio buttons is just as easy as referencing the javascript file. Use the following HTML code and the change will happen automatically.
<script language="javascript" src="checkRadioChange.js"></script>
(Web developers should edit this file specifying the path of new radio buttons and check boxes)
Version 1.0, Released 12/08/2005
Give credit where credit is due:
The original code for this is located at BrainError.net, and was written to only change checkboxes. I extended his version to add support for radio buttons and <labe> tags.
