Pretty Checkbox CSS Library – checkboxes.css

Category: CSS & CSS3 , Form , Recommended | April 27, 2020
Author: hunzaboy
Views Total: 275 views
Official Page: Go to website
Last Update: April 27, 2020
License: MIT


Pretty Checkbox CSS Library – checkboxes.css


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 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 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>




  • Minor fixed


  • Added css property to avoid conflict with other libs


  • Added more styles

You Might Be Interested In:

Leave a Reply