CSS Library: Form CSS: CSS3 demos: Here
CSS3 checkbox and radio button replacements
Author: Dynamic Drive
By hiding the default INPUT element of a checkbox/ radio button and styling its associated LABEL element instead, checkboxes and radio buttons can take on an entirely new look while maintaining their functionality inside a form. The following demonstrates just that. The custom checkbox and radio buttons you see are actually label elements richly styled with the help of CSS2 ::before and ::after generated content and the usual dose of CSS3 transition, shadows etc. When the form is submitted, each selected checkbox or radio value will be passed along like with their regular counterparts.