在CSS中，單選框通常用于表單中的多項選擇，提供了更豐富的用戶交互性和選擇項。下面是一些關于單選框的CSS樣式代碼。

/* 設置單選框的外觀樣式 */
input[type="radio"] {
display: none; /* 隱藏原始單選框 */
}
/* 自定義單選框的樣式 */
input[type="radio"]+label::before {
content: ""; 
display: inline-block;
width: 20px;
height: 20px;
background-color: #fff;
border: 1px solid #ccc;
border-radius: 50%;
margin-right: 10px;
vertical-align: middle;
}
/* 單選框選中狀態(tài)的樣式 */
input[type="radio"]:checked+label::before {
background-color: #ff0000;
}
/* 設置標簽的樣式 */
label {
display: inline-block;
font-size: 14px;
color: #333;
cursor: pointer;
margin-right: 20px;
}

首先，我們使用CSS中的“display: none”屬性將原始的單選框隱藏起來。接下來，我們使用偽元素“::before”為每個單選框添加樣式。然后，我們使用“:checked”偽類選擇符為所選單選框添加選中狀態(tài)的樣式。最后，我們?yōu)闃撕炘O置樣式，使其具有更好的可讀性。