Here are some options.
This uses a svg to replace the default checkbox styles.
.radio Add class of radio to the input
<form action="#" autocomplete="off"> <ul class="radios"> <li> <input type="radio" class="radio" name="radio--01" id="radio--01-01"> <span></span> <label for="radio--01-01">Option 1</label> </li> <li> <input type="radio" class="radio" name="radio--01" id="radio--01-02"> <span></span> <label for="radio--01-02">Option 2</label> </li> <li> <input type="radio" class="radio" name="radio--01" id="radio--01-03"> <span></span> <label for="radio--01-03">Option 3</label> </li> <li> <input type="radio" class="radio" name="radio--01" id="radio--01-04"> <span></span> <label for="radio--01-04">Option 4</label> </li> </ul> </form>