在CSS中，我們可以使用偽元素和JavaScript來實(shí)現(xiàn)框點(diǎn)擊后打勾的效果，下面是一種實(shí)現(xiàn)方式：

我們需要在HTML中創(chuàng)建一個(gè)可點(diǎn)擊的框，可以使用<input>標(biāo)簽的type="checkbox"來實(shí)現(xiàn)：

<input type="checkbox" id="myCheckbox">

我們可以使用CSS的偽元素來創(chuàng)建一個(gè)打勾的圖標(biāo)，并將其隱藏：

#myCheckbox {
  position: relative;
}
#myCheckbox::after {
  content: "√";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none;
}

我們可以使用JavaScript來監(jiān)聽框的點(diǎn)擊事件，并在點(diǎn)擊后顯示打勾圖標(biāo)：

document.getElementById('myCheckbox').addEventListener('click', function() {
  if (this.checked) {
    this.style.backgroundColor = 'green'; // 可以根據(jù)需要設(shè)置背景顏色
    this::after.style.display = 'block'; // 顯示打勾圖標(biāo)
  } else {
    this.style.backgroundColor = 'white'; // 恢復(fù)背景顏色
    this::after.style.display = 'none'; // 隱藏打勾圖標(biāo)
  }
});

這樣，當(dāng)框被點(diǎn)擊后，如果框被選中，則背景顏色會(huì)變?yōu)榫G色，并且打勾圖標(biāo)會(huì)顯示出來；如果框未被選中，則背景顏色會(huì)恢復(fù)為白色，并且打勾圖標(biāo)會(huì)隱藏。