在CSS中，我們可以使用偽元素和動(dòng)態(tài)選擇器來實(shí)現(xiàn)“點(diǎn)擊打勾”的效果。通過添加content屬性和transform動(dòng)畫，我們可以輕松地達(dá)到視覺上的效果。

/* 添加偽元素 */
input[type=checkbox]:checked::before {
content: "";
height: 14px;
width: 6px;
border-bottom: 2px solid white;
border-right: 2px solid white;
transform: rotate(45deg);
position: absolute;
top: 50%;
left: 50%;
margin-top: -7px;
margin-left: -4px;
}
/* 添加動(dòng)態(tài)選擇器 */
input[type=checkbox]:checked + label {
color: #4CAF50;
}
/* 樣式表 */
input[type=checkbox] {
width: 20px;
height: 20px;
}
label {
font-size: 16px;
}

通過上述代碼，我們可以在HTML中輸入以下內(nèi)容，就可以實(shí)現(xiàn)“點(diǎn)擊打勾”的效果。

<input type="checkbox" id="cb">
<label for="cb">選項(xiàng)

以上就是CSS中實(shí)現(xiàn)“點(diǎn)擊打勾”的方法，通過使用偽元素和動(dòng)態(tài)選擇器，我們可以實(shí)現(xiàn)更多的視覺效果和交互效果。