CSS 實現單選框樣式非常簡單，只需對標準的 input type="radio" 進行樣式設置即可。以下是一個簡單的示例：

input[type="radio"] {
/* 移除默認樣式 */
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
/* 設置尺寸 */
width: 16px;
height: 16px;
/* 設置邊框 */
border: 1px solid #ccc;
border-radius: 50%;
/* 設置背景 */
background-color: #fff;
/* 懸停樣式 */
&:hover {
border-color: #888;
}
/* 選中樣式 */
&:checked {
background-color: #007bff;
border-color: #007bff;
/* 設置選中標記 */
&:before {
content: "";
display: block;
width: 10px;
height: 10px;
margin: 2px;
background-color: #fff;
border-radius: 50%;
}
}
}

上述代碼中，我們首先移除了單選框的默認樣式，然后設置了寬度、高度、邊框和背景等基本樣式。接下來，我們使用 & 符號來指示懸停和選中狀態下的樣式，其中選中狀態下我們使用了 :before 偽元素來添加了一個實心圓作為選中標記。

在實際應用中，我們只需要將 input 標簽的 type 屬性設置為 "radio"，然后將樣式定義好即可。例如：

蘋果香蕉橙子

上述代碼中，我們給每一個單選框設置了相同的 name 屬性，這樣它們就可以被組合成一組單選框，確保每次只能選中其中一個。

總的來說，CSS 實現單選框樣式非常簡單，只需對基本的 input[type="radio"] 進行設置即可。對于更復雜的樣式，可以借助偽元素等技巧來實現。