CSS3 Checkbox 對號的使用說明

input[type="checkbox"] {
display: none;
}
input[type="checkbox"]:checked + label:before {
content: "?";
font-size: 18px;
color: green;
}
label {
display: inline-block;
cursor: pointer;
}

在 CSS3 中，通過:before 屬性可以在標簽前面添加內容。利用這個特性，我們可以輕松地給 Checkbox 組件添加對號。在代碼中，我們先將 Checkbox 的 display 屬性設置為 none，使其在頁面中不顯示。接著利用:checked 偽類選擇器來判斷 Checkbox 是否被選中。當 Checkbox 被選中時，通過前綴選擇器來裝飾 label 中的:before 元素，添加對號的內容和樣式。

值得注意的是，在實現這個特效時，我們還需要將 label 元素設置為 inline-block，并設置為可以響應鼠標事件。這樣 Checkbox 組件才能夠被正確地選擇和反饋選中狀態。