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>