Custom checkbox made with pure CSS
For checkboxes
<div class="checkbox">
<div class="checkbox-container">
<input id="checkbox-default" type="checkbox" />
<div class="checkbox-checkmark"></div>
</div>
<label for="checkbox-default">Default</label>
</div>
For radios
<div class="radio">
<div class="radio-container">
<input id="radio-default" checked name="myradio" type="radio" />
<div class="radio-checkmark"></div>
</div>
<label for="radio-default">Default</label>
</div>
You'll find more details in the example.html