JSFiddle - React, Tailwind, and code Playground

HTML

<div id="quizc" , class="chone">
    
<h3 class="quizsub">Question 1</h3>

    
<h4>Lorem ipsum</h4> 
    <p>
        <input type="radio" id="rad[1]" rel="0" value="a" name="radgrp0" />
        <label for="rad[1]">Hello</label>
    </p>
    <p>
        <input type="radio" id="rad[2]" rel="0" value="b" name="radgrp0" />
        <label for="rad[2]">World</label>
    </p>
    <p>
        <input type="radio" id="rad[3]" rel="0" value="c" name="radgrp0" />
        <label for="rad[3]">Radio</label>
    </p>
    <p>
        <input type="radio" id="rad[4]" rel="0" value="d" name="radgrp0" />
        <label for="rad[4]">Television</label>
    </p>
    <input type="radio" rel="0" value="f" name="radgrp0" id="lradio[1]" class="radclr" />
    <label for="lradio[1]" class="lclr">Clear</label>
</div>

CSS

p>input[type='radio'] {
    opacity:0;
    position:absolute;
    filter:alpha(opacity=0);
    margin:5px 0 0 5px;
}
p>input[type='radio']:focus+label {
    color:#C30
}
p>input[type="radio"]+label {
    background:url('http://i.stack.imgur.com/kPXdm.png') left top no-repeat;
    background-size:22px;
    position:relative;
    margin:0;
    padding:0 0 0 30px;
    cursor:pointer;
    line-height:25px;
    min-height:25px;
    display:inline-block;
    z-index:0;
    font-size:16px;
    font-weight:bold
}
p>input[type="radio"]+label {
    background-position:0 -103px
}
p>input[type='radio']:checked+label {
    background-position:0 -155px
}
p>input[type='radio']:disabled+label {
    background-position:0 -207px;
    color:#999
}
p>input[type='radio']:disabled:checked+label {
    background-position:0 -259px;
    color:#999
}