图片是雪碧图(未选中,选中,鼠标移上去的样式)
css:
.billSelectIpt {
font-size:14px;
color:rgba(51,51,51,1);
}
.billSelectIpt input[type='radio']+label {
margin: 4px 5px -2px 0;
background: url(../images/billRadioIcons.png) 0 0 no-repeat;
cursor: pointer;
padding-left: 23px;
height: 14px;
}
.billSelectIpt input[type='radio']:hover+label {
background: url(../images/billRadioIcons.png) 0 -24px no-repeat;
color: #298EF8;
}
.billSelectIpt input[type='radio']:checked:hover+label {
background: url(../images/billRadioIcons.png) 0 -48px no-repeat;
color: #298EF8;
}
.billTicketChecked {
color: #298EF8;
}
.billTicketChecked label{
background: url(../images/billRadioIcons.png) 0 -48px no-repeat!important;
}
.billSelectIpt input[type='checkbox']+label {
margin: 4px 5px -2px 0;
background: url(../images/billCheckboxIcons.png) 0 0 no-repeat;
cursor: pointer;
padding-left: 23px;
height: 14px;
}
.billSelectIpt input[type='checkbox']+label span {
position: relative;
top: -4px;
}
.billSelectIpt input[type='checkbox']:hover+label {
background: url(../images/billCheckboxIcons.png) 0 -