利用伪元素美化input默认样式

需要选中与未选中的图片

效果：

image.png

未选择状态

image.png

HTML

      Standard Shipping Costs$10.00     
        
        

css
选中
.radio:checked+label {
    background: url(../../images/check_d.png) 100% no-repeat;
    background-size: 13px 13px;
}
未选中
.radio+label {
    background: url(../../images/check_u.png)100% no-repeat;
    background-size: 13px 13px;
    vertical-align: middle;
    height: 13px;
    width: 13px;
    display: inline-block;
}