checkbox-hack.html

<label>
    <input type="checkbox" name="terms">
    <span class="fake-checkbox"></span>
    <span>Do you accept the terms?</span>
</label>



<style>
    input[type="checkbox"] {
        /* hide it somehow */
    }

    input[type="checkbox"] + .fake-checkbox {
        /* style when not checked */
    }

    input[type="checkbox"]:checked + .fake-checkbox {
        /* style when checked */
    }
</style>