CSS如何設置單選框的樣式？

input[type=radio] {
/* 去除原有樣式 */
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
/* 設置樣式 */
border: 1px solid #999;
border-radius: 50%;
width: 20px;
height: 20px;
outline: none;
background-color: #fff;
}
/* 設置被選中的單選框樣式 */
input[type=radio]:checked {
background-color: #000;
}

首先需要去除原有的單選框樣式，包括webkit和moz引擎下的樣式。為了設置樣式方便，我們設置圓形的單選框，設置邊框、大小和背景色。同時，還可以設置選中狀態下的樣式如背景色。