在 Web 開(kāi)發(fā)中，復(fù)選框（checkbox）是一種非常常見(jiàn)以及必要的表單元素之一。CSS 提供了豐富的樣式控制，不僅可以美化 checkbox 的外觀，還可以通過(guò)width和height屬性來(lái)控制它的大小。

/* 設(shè)置寬高為 20px */
input[type=checkbox] {
width: 20px;
height: 20px;
}

上述代碼可以將所有的復(fù)選框的大小設(shè)置為 20px。

不過(guò)，需要注意的是，并不是所有的瀏覽器都支持自定義寬高。如果瀏覽器不支持，則會(huì)按照默認(rèn)的大小進(jìn)行顯示。因此，如果需要在所有瀏覽器中保持一致的大小，可以結(jié)合 JavaScript 的方案來(lái)解決：

/* 設(shè)置 class 名稱 */
.checkbox {
width: 20px;
height: 20px;
}

// 使用 JS 給所有復(fù)選框添加 class 名稱
var checkboxes = document.getElementsByTagName('input');
for (var i = 0; i< checkboxes.length; i++) {
if (checkboxes[i].type === 'checkbox') {
checkboxes[i].classList.add('checkbox');
}
}

上述代碼將所有的復(fù)選框添加一個(gè)名為 “checkbox” 的 class 名稱，并使用 CSS 來(lái)設(shè)置寬高。由于添加 class 名稱的操作是在頁(yè)面加載完成后執(zhí)行的，因此可以保證所有復(fù)選框的樣式都會(huì)被覆蓋，從而達(dá)到一致的大小效果。

總之，通過(guò) CSS 可以方便地控制復(fù)選框的大小，但需要考慮到瀏覽器兼容性的問(wèn)題。在實(shí)際開(kāi)發(fā)中，可以結(jié)合 JavaScript 或其他方案來(lái)保證一致性。