Form Checkboxes
Here are some options.
This uses a span element to style and sit over the input, feel free to style.
.checkbox Add class of checkbox to the input.
<form action="#" autocomplete="off">
<ul class="checkboxes">
<li>
<input type="checkbox" class="checkbox" name="checkbox--01" id="checkbox--01-01">
<span></span>
<label for="checkbox--01-01">Option 1</label>
</li>
<li>
<input type="checkbox" class="checkbox" name="checkbox--01" id="checkbox--01-02">
<span></span>
<label for="checkbox--01-02">Option 2</label>
</li>
<li>
<input type="checkbox" class="checkbox" name="checkbox--01" id="checkbox--01-03">
<span></span>
<label for="checkbox--01-03">Option 3</label>
</li>
<li>
<input type="checkbox" class="checkbox" name="checkbox--01" id="checkbox--01-04">
<span></span>
<label for="checkbox--01-04">Option 4</label>
</li>
</ul>
</form>