Form Radio

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>