//html部分
<span style="height:15px;line-height: 15px;position:relative" >
<input class="back_checked" type="checkbox" ><s></s>
</span>
//css部分
.back_checked
{
opacity:0;
width:32px;
height:32px;
z-index:100;
position:absolute;
top:0;
left:0;
cursor:pointer;
}
.back_checked + s
{
width:21px;
display:inline-block;
height:16px;
position:absolute;
top:0;
left:0;
background: url(../images/circ.png) no-repeat;
}
.back_checked:checked + s
{
background-image: url(../images/clicCirc.png);
}
<span style="height:15px;line-height: 15px;position:relative" >
<input class="back_checked" type="checkbox" ><s></s>
</span>
//css部分
.back_checked
{
opacity:0;
width:32px;
height:32px;
z-index:100;
position:absolute;
top:0;
left:0;
cursor:pointer;
}
.back_checked + s
{
width:21px;
display:inline-block;
height:16px;
position:absolute;
top:0;
left:0;
background: url(../images/circ.png) no-repeat;
}
.back_checked:checked + s
{
background-image: url(../images/clicCirc.png);
}