2020-01-08

// 设置打勾样式
#checkboxFourInput {
visibility: hidden;
}
#checkboxFourInput + label {
background-color: white;
border-radius: 50px;
border: 2px solid #0fb1b5;
width: 20px;
height: 20px;
display: inline-block;
text-align: center;
vertical-align: middle;
line-height: 20px;
margin-right: 10px;
}
#checkboxFourInput:checked + label {
background-color: #fff;
}
#checkboxFourInput:checked + label:after{
content: "";
border-radius: 50px;
left: 19px;
position: absolute;
background: #0fb1b5;
border: #fff solid 2px;
height: 16px;
width: 16px;
}
// 设置打勾样式end

你可能感兴趣的:(2020-01-08)