奔走相告（美化版多选框及单选框css样式）美化版多选框及单选框css样式设置，美化版多选框及单选框CSS样式，美化版多选框及单选框CSS样式，
DIV：
<labelclass="beautify-check"><inputtype="radio"><i></i></label><labelclass="beautify-check"><inputtype="radio"><i></i></label><labelclass="beautify-check"><inputtype="checkbox"><i></i></label><labelclass="beautify-check"><inputtype="checkbox"><i></i></label></div>
CSS：
.beautify-check{padding-left:20px!important;cursor: pointer;}.beautify-check input {position: absolute;margin-left:-20px;opacity:0;}.beautify-check>i {position: relative;display:inline-block;width:16px;height:16px;margin-top:-2px;margin-right:4px;margin-left:-16px;line-height:1;vertical-align: middle;background-color:#fff;border:1px solid #cfdadd;}.beautify-check input:checked+i {border-color:#09c!important;}.beautify-check input:checked+i:before{top:4px;left:4px;width:8px;height:8px;background-color:#09c!important;}.beautify-check input[type="radio"]+i,.beautify-check input[type="radio"]+i:before{border-radius:50%;}.beautify-check>i:before{position: absolute;top:50%;left:50%;width:0;height:0;background-color: transparent;content:"";-webkit-transition: all 0.2s;transition: all 0.2s;}
(window.slotbydup = window.slotbydup || []).push({
id: "u6835052",
container: "_96bek913mdb",
async: true
});
本文链接：http://blog.sauo.top/?id=504 感谢分享!
