Pretty Checkbox CSS Library – checkboxes.css

Category: CSS & CSS3 , Form , Recommended | April 27, 2020
Author:hunzaboy
Views Total:1,302 views
Official Page:Go to website
Last Update:April 27, 2020
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:

04/27/2020

  • Minor fixed

04/24/2020

  • Added css property to avoid conflict with other libs

04/23/2020

  • Added more styles

You Might Be Interested In:


Leave a Reply