JSFiddle - React, Tailwind, and code Playground

by _sir

HTML

<label><input type="radio" name="one" value="1"> One</label>
<label><input type="radio" name="one" value="2"> Two</label>
<label><input type="radio" name="one" value="3"> Three</label>

CSS

input {
    clip: rect(0,0,0,0);
}
input::before {
    content: " ";
    display: inline-block;
    width: 14px;
    height: 14px;
    border: 3px solid #64812a;
    border-radius: 14px;
    background: #eee;
    margin-top: -2px;
}
input:checked::before {

    background: #c8600e;
}