CSS3單選和復(fù)選按鈕可以幫助我們更加靈活地構(gòu)建頁面表單，為用戶提供更加友好的交互體驗(yàn)。

/* 單選按鈕樣式 */
input[type="radio"] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
width: 16px;
height: 16px;
border-radius: 50%;
border: 2px solid #ccc;
outline: none;
cursor: pointer;
margin-right: 5px;
vertical-align: middle;
}
input[type="radio"]:checked {
border-color: #2196F3;
background-color: #2196F3;
}
/* 復(fù)選按鈕樣式 */
input[type="checkbox"] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
width: 16px;
height: 16px;
border-radius: 3px;
border: 2px solid #ccc;
outline: none;
cursor: pointer;
margin-right: 5px;
vertical-align: middle;
}
input[type="checkbox"]:checked {
border-color: #2196F3;
background-color: #2196F3;
}

首先，我們將單選和復(fù)選按鈕的原有樣式全部清除，然后設(shè)置它們的外觀為none，這樣就可以使用CSS來定義它們的樣式。

對于單選按鈕，我們設(shè)置它的寬、高和邊框半徑，將邊框設(shè)置為2像素粗的#ccc，然后為選中和未選中狀態(tài)分別設(shè)置不同的顏色。

對于復(fù)選按鈕，我們也設(shè)置寬、高和邊框半徑，將邊框設(shè)置為2像素粗的#ccc，然后也為選中和未選中狀態(tài)分別設(shè)置不同的顏色。

通過使用這些樣式，我們可以讓單選和復(fù)選按鈕更加美觀和可定制化，為用戶提供更好的使用體驗(yàn)。