Pure CSS Checkbox & Radio Button Replacement For Bootstrap – icheck

Category: CSS & CSS3 , Form | May 22, 2018
Author: icheck-bootstrap
Views Total: 6,139
Official Page: Go to website
Last Update: May 22, 2018
License: MIT

Preview:

Pure CSS Checkbox & Radio Button Replacement For Bootstrap – icheck

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)

You Might Be Interested In:


Leave a Reply