Pure CSS Checkbox & Radio Button Replacement For Bootstrap – icheck

Preview:

Description:

icheck is a CSS extension for Bootstrap that allows you to apply custom styles to the default checkboxes and radio buttons.

How to use it:

Place the icheck.css into your Bootstrap project.

<link href="icheck-bootstrap.css" rel="stylesheet">

Apply a color scheme of your choice to the checkbox and radio inputs.

<div class="checkbox icheck-primary">
  <input type="checkbox" checked id="primary" />
  <label for="primary">primary</label>
</div>
<div class="radio icheck-primary">
  <input type="radio" id="primary1" name="primary" />
  <label for="primary1">primary 1</label>
</div>

All color schemes.

• .icheck-default
• .icheck-primary
• .icheck-success
• .icheck-info
• .icheck-warning
• .icheck-danger
• .icheck-turquoise
• .icheck-emerland
• .icheck-peterriver
• .icheck-amethyst
• .icheck-wetasphalt
• .icheck-greensea
• .icheck-nephritis
• .icheck-belizehole
• .icheck-wisteria
• .icheck-midnightblue
• .icheck-sunflower
• .icheck-carrot
• .icheck-alizarin
• .icheck-clouds
• .icheck-concrete
• .icheck-orange
• .icheck-pumpkin
• .icheck-pomegranate
• .icheck-silver
• .icheck-asbestos

Changelog:

v3.0.1 (05/22/2018)