How to style a checkbox using CSS

UPDATE: The below answer references the state of things before widespread availability of CSS 3. In modern browsers (including Internet Explorer 9 and later) it is more straightforward to create checkbox replacements with your preferred styling, without using JavaScript. Here are some useful links: Creating Custom Form Checkboxes with Just CSS Easy CSS Checkbox Generator Stuff … Read more

Customize Bootstrap checkboxes

Since Bootstrap 3 doesn’t have a style for checkboxes I found a custom made that goes really well with Bootstrap style. Checkboxes  Run code snippetExpand snippet Radio  Run code snippetExpand snippet Custom icons You can choose your own icon between the ones from Bootstrap or Font Awesome by changing [icon name] with your icon. For example: glyphicon glyphicon-remove for Bootstrap, or fa fa-bullseye for Font Awesome