chex

Pretty, accessible checkbox and radio labels with pure css

Download / Minified

source is 1.5kb, 993 bytes gzipped / min is 389 bytes gzipped

Setup

<div class="chex">
  <input type="checkbox" name="form" id="mark" />
  <label for="mark">Markup</label>
</div>

Example Markup

Also Radio Buttons Disabled

Also works inline:

I have read and agree to the terms and conditions.