JSFiddle - React, Tailwind, and code Playground

by SombreErmine

HTML

<input type="radio" name="radio1" class="radiostyle" value="1">
<input type="radio" name="radio1" class="radiostyle" value="2">
<input type="radio" name="radio1" class="radiostyle" value="3">

CSS

input[type=radio]:before {
    display: block;
    width: 19px;
    height: 19px;
    content: '';
    position: absolute;
    background-image: url(http://lorempixel.com/19/19);
    pointer-events: none;
}

input[type=radio]:checked:before {
    background-image: url(http://lorempixel.com/25/25);
}

.radiostyle {
    display:inline-block;
    width:19px;
    height:19px;
    background-color: blue;
    /*or instead of color use some image*/
}