html单选框jquery,jquery自定义单选框
.checkbox label::before {
content:"";
display:inline-block;
position:absolute;
width:16px;
height:16px;
left:0;
margin-left:-20px;
border:1px solid #cccccc;
border-radius:3px;
background-color:#fff;
-webkit-transition:border 0.15s ease-in-out,color 0.15s ease-in-out;
-o-transition:border 0.15s ease-in-out,color 0.15s ease-in-out;
transition:border 0.15s ease-in-out,color 0.15s ease-in-out;
}
.checkbox label::after {
display:inline-block;
position:absolute;
width:18px;
height:18px;
left:0;
top:2px;
color:white;
font-size:10px;
margin-left:-20px;
}
.checkbox input[type="checkbox"],.checkbox input[type="radio"] {
opacity:0;
z-index:1;
}
.checkbox input[type="checkbox"]:focus + label::before,.checkbox input[type="radio"]:focus + label::before {
background-color:#5FB878;
border-color:#5FB878;
}
.checkbox input[type="checkbox"]:checked + label::before,.checkbox input[type="radio"]:checked + label::before {
background-color:#5FB878;
border-color:#5FB878;
}
.checkbox input[type="checkbox"]:checked + label::after,.checkbox input[type="radio"]:checked + label::after {
font-family:"FontAwesome";
content:"\f00c";
}
.checkbox input[type="checkbox"]:disabled + label,.checkbox input[type="radio"]:disabled + label {
opacity:0.65;
}
.checkbox input[type="checkbox"]:disabled + label::before,.checkbox input[type="radio"]:disabled + label::before {
background-color:#eeeeee;
cursor:not-allowed;
}
.checkbox.checkbox-circle label::before {
border-radius:50%;
}
.radio,.checkbox {
position:relative;
display:unset !important;
margin-top:0px;
margin-bottom:0px;
}