Pretty Custom Checkboxes & Radio Buttons with Pure CSS – CSS3 Checkbox

Category: CSS & CSS3 , Form | December 1, 2015
Author: giedriusvickus
Views Total: 8,450
Official Page: Go to website
Last Update: December 1, 2015
License: MIT

Preview:

Pretty Custom Checkboxes & Radio Buttons with Pure CSS – CSS3 Checkbox

Description:

A CSS library which helps you create easy-to-customizable checkboxes and radio buttons to make your form more pretty.

How to use it:

Place the checkbox.css in the head section of the html page.

<link href="checkbox.css" rel="stylesheet">

Create a custom radio button.

<div class="radio-btn">
  <input type="radio" value="value-1" id="rc1" name="rc1" checked="checked">
  <label for="rc1" onclick>Radio button</label>
</div>

Create custom checkboxes.

<div class="checkbox-btn">
  <input type="checkbox" value="value-1" id="rc2" name="rc2">
  <label for="rc2" onclick>Checkbox</label>
</div>

You Might Be Interested In:


2 thoughts on “Pretty Custom Checkboxes & Radio Buttons with Pure CSS – CSS3 Checkbox

  1. Alexandru Aliu

    I’ve never found one of those fucking libraries to work from the first try ! Every time I have to work to adjust it as much as I would have worked if I had to to do it myselv …

    Reply
  2. Aziz4ik

    Fuck this plugin do not support no more 2 checkboxes! delete this fucking plug

    Reply

Leave a Reply