JSFiddle - React, Tailwind, and code Playground

by Neil Kalman

HTML

<label><input type="radio" name="radio"> Checkbox 1</label>
<label><input type="radio" name="radio"> Checkbox 2</label>
    
<br><br><br><br>
    
<label><input type="checkbox" name="checkbox"> radio 1</label>
<label><input type="checkbox" name="checkbox2"> radio 2</label>

CSS

input[type="radio"] {
    -webkit-appearance: checkbox;
    -moz-appearance: checkbox;
    -ms-appearance: checkbox;     /* not currently supported */
    -o-appearance: checkbox;      /* not currently supported */
}

input[type="checkbox"] {
    -webkit-appearance: radio;
    -moz-appearance: radio;
    -ms-appearance: radio;     /* not currently supported */
    -o-appearance: radio;      /* not currently supported */
}