.myCheck + label{
display: inline-block;
background-color: white;
border-radius: 2px;
border:1px solid #d3d3d3;
width:20px;
height:20px;
line-height: 20px;
margin-right: 10px;
text-align: center;
vertical-align: bottom;
}
.myCheck:checked + label{
background-color: #eee;
}
.myCheck:checked + label:after{
content:"\2714";
}
<label>
<input type="checkbox" value="1" class="myCheck">
<label></label>测试
</label>
CSS3中的content字符编码,content小的icon地址
最新推荐文章于 2022-10-16 09:44:04 发布