/checkbox3

CSS3 Styles for Checkbox and Radio Button

Primary LanguageCSS

Checkbox3

CSS3 Style for Checkbox and Radio Button.

Demo

 

Usage

Checkbox

Modify bootstrap checkbox to use like this.

<div class="checkbox3">
  <input type="checkbox" id="checkbox-1">
  <label for="checkbox-1">
    Option1
  </label>
</div>
Radio Button

Modify bootstrap radio button to use like this.

<div class="radio3">
  <input type="radio" id="radio1" name="radio1" value="option1">
  <label for="radio1">
    Option 1
  </label>
</div>

Customize

Colorize Class

For Checkbox

checkbox-primary checkbox-info checkbox-success checkbox-warning checkbox-danger

For Radio Button

radio-primary radio-info radio-success radio-warning radio-danger

Sizing Class

sm for small , lg for large

For Checkbox

checkbox-sm checkbox-lg

For Radio Button

radio-sm radio-lg

Installation

bower install checkbox3

Include dist/checkbox3.css or dist/checkbox3.min.css in your html. If your use sass use checkbox3.sass

<link rel="stylesheet" href="./css/checkbox3.min.css">

Credit

Bootstrap and FontAwesome