在HTML表單中，<input type="checkbox">是一個經常出現的元素。只要在前面加上一個標簽，用戶就可以點擊復選框來進行選擇。但是，瀏覽器默認的復選框樣式可能不夠美觀或者與頁面樣式不匹配。因此，我們需要用CSS來自定義復選框的外觀。

/* css代碼 */
input[type="checkbox"] {
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
width: 20px;
height: 20px;
border: 2px solid #ccc;
border-radius: 4px;
outline: none;
cursor: pointer;
}
input[type="checkbox"]:checked {
background-color: #FFCE00;
border-color: #FFCE00;
}

如上所示，我們可以使用appearance屬性來隱藏默認的瀏覽器樣式，并使用自己定義的樣式來代替。我們也可以使用-webkit-appearance和-moz-appearance屬性來兼容不同的瀏覽器。

在自定義樣式中，我們可以設置width和height屬性來調整復選框的大小。同時，使用border屬性和border-radius屬性來設置復選框的邊框和圓角度數。使用outline屬性來設置復選框被選中時的邊框樣式

最后，我們使用:checked偽類來指定復選框被選中時的樣式，如上代碼所示，我們可以改變復選框的背景色和邊框顏色。

在實際開發中，通過自定義復選框樣式，我們可以更好地控制頁面的整體風格，豐富用戶體驗。