JSFiddle - React, Tailwind, and code Playground

by Himanshu Joshi

HTML

<div>
     <input type="radio" id="rb1" name="rb" value="" checked>
	<label for="rb1">Australia</label><br>
	<input type="radio" id="rb2" name="rb"value="">
	<label for="rb2">England</label><br>
	<input type="radio" id="rb3" name="rb" value="">
	<label for="rb3">United States</label>
    
</div>

CSS

input[type=radio]:checked + label:before {
        content: "\2022";
        color: rgb(76, 142, 218);
        background-color: #FCFCFC;
        font-size: 1.8em;
        text-align: center;
        line-height: 14px;
        text-shadow: 0px 0px 3px #eee;

	}
input[type=radio] {
	    display:none;
	}
	input[type=radio] + label:before {
	    content: "";
        display: inline-block;
        width: 15px;
        height: 15px;
        vertical-align: middle;
        margin-right: 8px;
        background-color: #FAF9F9;
        box-shadow: inset 0px 2px 2px rgba(0, 0, 0, .3);
            border: 1px solid black;
border-radius: 8px; 
	}