HTML form objects are not rendered in different browsers in a consistent way. Although some objects, such as textbox and textarea, can obtain a consistent appearance in different browsers through css, most other objects that cannot control appearance through css look very ugly in some browsers. This article selects 24 technologies to personalize form objects.
Checkbox related to radio buttons
1.) fancyform
fancyform is a very powerful javascript library that can be used as a replacement for checkbox and radio buttons. It can generate very beautiful checkbox and radio buttons and supports almost all browsers. The javascript library requires the support of the mootools javascript framework.
2.) crir: checkbox & radio input replacement
This javascript and css combination can hide checkbox and radio buttons in the form and allows you to simulate checkbox and radio buttons using css settings for checkbox and radio buttons. The form's functionality will not change, and the data values of checkbox and radio buttons can still be collected. The tags of checkbox and radio buttons will trigger those hidden objects.
3.) ryan faith 's custom checkboxes & radio buttons
This javascript and css combination allows you to simulate checkbox, radio button and select list controls using your own image. This very thoughtful javascript library can also automatically use traditional form controls when the browser disables javascript.
4.) arc - adam's radio/checkbox customization
The script detects checkbox and radio buttons and their tags in the form, and once discovered, it replaces these controls with graphic tags based on css styles.