css自定义单选框

html+css自定义单选框

input[type="radio"] + label{
display: block;
	width: 18px;
	height: 18px;
	border: 1px solid #999;
	cursor: pointer;
}
input[type="radio"]:checked + label{
	width: 20px;
	height: 20px;
	border: 0;
	background: url(../img/correct@2x.jpg);
	background-size: 20px 20px;
}

<input type="radio" name="xingbie" id="radio-0" value="0" style="display: none;"/>
<label for="radio-0"></label>
<input type="radio" name="xingbie" id="radio-1" value="1" style="display: none;" />
<label for="radio-1"></label>
<input type="radio" name="xingbie" id="radio-2" value="2" style="display: none;" />
<label for="radio-2"></label>