Pretty Checkbox CSS Library – checkboxes.css

Category: CSS & CSS3 , Form , Recommended | October 7, 2018
Author: hunzaboy
Views Total: 2,498
Official Page: Go to website
Last Update: October 7, 2018
License: MIT

Preview:

Pretty Checkbox CSS Library – checkboxes.css

Description:

checkboxes.css is a pure CSS library used to prettify the regular checkbox inputs with custom styles as shown in the demo page.

How to use it:

Download and place the minified version of the checkboxes.css into the html document.

<link rel="stylesheet" href="dist/css/checkboxes.css">

Add the CSS classes to the checkbox input and wrapping element as follows:

<div class="ckbx-style-1">
  <input type="checkbox" id="ckbx-style-1-1" value="0" name="ckbx-style-1">
  <label for="ckbx-style-1-1"></label>
</div>

<div class="ckbx-circle-1">
  <input type="checkbox" id="ckbx-circle-1-1" value="0" name="ckbx-circle-1">
  <label for="ckbx-circle-1-1"></label>
</div>

<div class="ckbx-square-1">
  <input type="checkbox" id="ckbx-square-1-1" value="0" name="ckbx-square-1">
  <label for="ckbx-square-1-1"></label>
</div>

...

Changelog:

10/07/2018

  • Stopped it from interfering with other checkboxes

You Might Be Interested In:


Leave a Reply