JSFiddle - React, Tailwind, and code Playground

HTML

<input id="rd1" type="radio" name="opt" class="radio-special" /><label for="rd1"></label>
<input id="rd2" type="radio" name="opt" class="radio-special" /><label for="rd2"></label>
<input id="rd3" type="radio" name="opt" class="radio-special" /><label for="rd3"></label>

CSS

.radio-special {
    display: none;
}
.radio-special + label {
    background: #ddd;
    height:24px;
    width: 24px;
    box-shadow: inset 0 0 2px 2px #aaa;
    display: inline-block;
}

.radio-special:checked + label {
    background: url('https://cdn1.iconfinder.com/data/icons/30_Free_Black_ToolBar_Icons/20/Black_Remove.png') #ddd no-repeat 2px 2px;
}