Pretty Checkbox CSS Library – checkboxes.css


Author: hunzaboy
Views Total: 1,085 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

04/24/2020

  • Added css property to avoid conflict with other libs

04/23/2020

See also  95 File Type/Extension Icons In Pure CSS - CSS file icons

Leave a Reply

Your email address will not be published. Required fields are marked *