Действительно ли таким способом можно сделать кроссбраузерно радиокнопки?
*{font: 100% Arial; line-height:110%;}
input[type="radio"] { display:none; }
input[type="radio"] + label span {
display: inline-block;
vertical-align: middle;
width: 16px;
height: 16px;
margin: 0 5px 0 0;
border: 1px solid #000000;
border-radius: 10px;
cursor: pointer;
background-color: #ffffff;
}
input[type="radio"] + label span span {
display: block;
width: 10px;
height: 10px;
margin: 3px 0 0 3px;
border: 0;
border-radius: 7px;
background-color: #ffffff;
}
input[type="radio"]:checked + label span span {
background-color: #3232fa;
}
input[type="radio"] + label:hover{
text-decoration: underline;
cursor: pointer;
}
input[type="radio"] + label:hover span {
border-color: #3232fa;
}
<input type="radio" name="group" id="r1" checked><label for="r1">
<span><span></span></span>радио 1</label>
<br>
<input type="radio" name="group" id="r2" checked><label for="r2">
<span><span></span></span>радио 2</label>
<br>
<input type="radio" name="group" id="r3" checked><label for="r3">
<span><span></span></span>радио 3</label>