CSS是一種強大的樣式表語言，可以改變網站的外觀和布局。CSS也能為HTML元素的樣式制定準確的規則。

不久前，我們只能通過 JavaScript 或 jQuery 來改變復選框和單選按鈕的樣式。但是，現在CSS已經擁有了這個能力，無需JavaScript或 jQuery！

/* The CSS */
input[type="checkbox"] {
-webkit-appearance: none;
appearance: none;
/* add some background */
background-color: #fff;
border: 1px solid #ddd;
/* give some size */
height: 25px;
width: 25px;
/* add some padding */
padding: 5px;
}
/* If checked, add some style */
input[type="checkbox"]:checked {
background-color: green;
}

上述代碼演示了CSS如何改變復選框的外觀。首先，我們重置了復選框的默認外觀（使用了 -webkit-appearance:none ）。然后，我們為復選框添加了一些背景、邊框和尺寸。在復選框被選中時，我們改變了背景色為綠色。

這是一個簡單的例子。當然，通過CSS，我們可以添加更多其他的樣式來更改復選框或單選按鈕的外觀。

總的來說，CSS的這種能力是一個非常有用的工具，可以讓我們將網站樣式定制得更準確和美觀。下次你要來改變復選框的樣式時，嘗試使用CSS！