html+checkbox+必填,HTML的checkbox和radio的美化

input[type="radio"]{display:none;

}input[type="radio"] + label{display:inline-block;position:relative;border:solid 2px #99a1a7;width:25px;height:25px;line-height:25px;padding:5px;border-radius:19.5px;

}input[type="radio"]:checked + label:after{content:' ';font-size:25px;color:#99a1a7;width:25px;height:25px;line-height:25px;position:absolute;text-align:center;background-color:#99a1a7;border-radius:12.5px;

}input[type="radio"]:checked + label{background-color:#e9ecee;

}.tab{margin-top:20px;margin-bottom:20px;width:100%;

}.tab td{border:solid 1px #f99;font-size:25px;line-height:39px;

}

测试101

测试102测试

测试103

测试104测试

测试