JSFiddle - React, Tailwind, and code Playground

by mayuripatil185

HTML

<input type='radio' name='a' checked/>
<input type='radio' name='a' />

CSS

input[type='radio'] {
    -webkit-appearance:none;
    width:20px;
    height:20px;
    border:1px solid green;
    border-radius:50%;
    outline:none;
}
input[type='radio']:before {
    content:'';
    display:block;
    width:60%;
    height:60%;
    margin: 20% auto;
    border-radius:50%;
}
input[type='radio']:checked:before {
    background:black;
}
input[type='radio']:checked {
    border:1px solid black;
}