CSS 偽類 radio 是用于設(shè)置單選按鈕樣式的一種偽類。

input[type="radio"] {
/* 設(shè)置單選按鈕樣式 */
}

偽類 radio 可以用于選中和未選中狀態(tài)的樣式。例如：

input[type="radio"]:checked {
/* 選中狀態(tài)下樣式 */
}
input[type="radio"]:not(:checked) {
/* 未選中狀態(tài)下樣式 */
}

使用偽類 radio，我們可以自定義單選按鈕的樣式、顏色等。下面是一個簡單的例子：

input[type="radio"] {
/* 隱藏原始單選按鈕 */
appearance: none;
-webkit-appearance: none;
/* 設(shè)置自定義單選按鈕樣式 */
border: 2px solid #ccc;
border-radius: 50%;
width: 16px;
height: 16px;
margin-right: 8px;
}
input[type="radio"]:checked::before {
/* 設(shè)置選中狀態(tài)下的樣式 */
content: '';
display: block;
border-radius: 50%;
width: 10px;
height: 10px;
background-color: #007bff;
margin: 2px;
}

上面的代碼會將原始的單選按鈕樣式隱藏，使用自定義樣式來代替。選中狀態(tài)下會在按鈕中心顯示一個藍色的小圓點。