CSS打勾可以使用伪元素和伪类实现，是一个示例代码：
CSS打勾可以使用伪元素和伪类实现，是一个示例代码：
css
.checkbox {
position: relative;
width: 20px;
height: 20px;
background-color: #fff;
border: 1px solid #000;
}
.checkbox::before {
content: '';
position: absolute;
top: 4px;
left: 4px;
width: 10px;
height: 10px;
border: 2px solid #000;
transform: rotate(-45deg);
}
.checkbox:checked::before {
content: '';
position: absolute;
top: 4px;
left: 4px;
width: 10px;
height: 10px;
border: 2px solid #000;
background-color: #000;
transform: rotate(-45deg);
}
本站系公益性非盈利分享网址，本文来自用户投稿，不代表码文网立场，如若转载，请注明出处
评论列表（59条）