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);
}
本站系公益性非盈利分享网址,本文来自用户投稿,不代表边看边学立场,如若转载,请注明出处
评论列表(73条)