我想用CSS做一個自定義複選框,但不知道它是如何做到的。如何在自定義複選框中創建刻度線?
.custom-checkbox {
border: 3px solid #7e8a94;
float: right;
height: 20px;
width: 20px;
border-radius: 5px;
cursor: pointer;
display: inline-block;
}
.custom-checkbox.hover {
border: 3px solid #43D8B0;
}
.custom-checkbox.active {
border: 3px solid #43D8B0;
}
.custom-checkbox.active.checkmark {}
<input type='checkbox' class='checkbox'>
<div class="custom-checkbox">
<div class="checkmark"></div>
</div>
我添加active
類custom-checkbox
上檢查,但不知道如何在一個盒子裏創建一個勾呢?