/* 单选按钮*/
.frame .radio input[type='radio'] {
width:16px;
height:16px;
vertical-align:middle;
opacity:0;
}
.frame .radio {
position:relative;
}
.frame .radio label {
width:15px;
height:15px;
position:absolute;
top:4px;
left:0;
border:1px solid #CCC;
border-radius:50%;
background:#fff;
cursor:pointer;
}
.frame .radio label:after {
content:'';
width:8px;
height:4px;
position:absolute;
top:3px;
left:3px;
border:1px solid #98BDF5;
border-top:none;
border-right:none;
opacity:0;
transform:rotate(-45deg);
/*-webkit-transform:rotate(-45deg);
*/
}
.frame .radio input:checked + label {
background:#1E70EA;
border:none;
}
.frame .radio input:checked + label + span {
color:#1E70EA;
}
.frame .radio input:checked + label:after {
opacity:1;
border:2px solid #FFF;
border-top:none;
border-right:none;
}
/* 复选按钮*/
.frame .checkbox input[type='checkbox'] {
width:15px;
height:15px;
vertical-align:middle;
opacity:0;
}
.frame .checkbox {
position:relative;
}
.frame .checkbox label {
width:15px;
height:15px;
position:absolute;
top:4px;
left:0;
border:1px solid #CCC;
background:#fff;
cursor:pointer;
}
.frame .checkbox label:after {
content:'';
width:8px;
height:4px;
position:absolute;
top:3px;
left:3px;
border:1px solid #98BDF5;
border-top:none;
border-right:none;
opacity:0;
transform:rotate(-45deg);
/*-webkit-transform:rotate(-45deg);
*/
}
.frame .checkbox input:checked + label {
background:#1E70EA;
border:none;
}
.frame .checkbox input:checked + label + span {
color:#1E70EA;
}
.frame .checkbox input:checked + label:after {
opacity:1;
border:2px solid #FFF;
border-top:none;
border-right:none;
}
.disabled-click-text {
-moz-user-select:none;
/* FireFox */
-webkit-user-select:none;
/* Webkit */
-ms-user-select:none;
/* IE10+ */
-khtml-user-select:none;
/* 奇葩浏览器 */
user-select:none;
/* 文本不允许被选择 */
}