在 CSS3 中，偽元素:radio提供了一種方便的方法來設計無需 JavaScript 的自定義單選按鈕。這個偽元素的應用范圍主要是在表單中。要使用這個偽元素，我們需要準備三個必備的元素: 單選框，標簽和標簽的for屬性。

首先，我們需要創建一個單選框:

<input type="radio" id="radio1" name="radio-group">

其中，id屬性是唯一標識符，這與下面將要介紹的 CSS 代碼有關。另外，name屬性是單選框所屬的組名，這個屬性用于在表單中標記這些單選框是一組，并且只能選中其中的一個。

然后，我們需要創建一個帶有for屬性的標簽。這個屬性的值應該與單選框的id屬性一致:

<label for="radio1">Radio Button</label>

這個標簽是用戶需要點擊的區域，用于選中單選框。在這個標簽中，你可以放置任何你想要的內容，例如文本或圖像。

最后，我們需要添加 CSS 代碼來樣式化單選按鈕。首先，我們要隱藏原生的單選按鈕:

input[type="radio"] {
display: none;
}

然后，我們要定義選中和非選中狀態下的樣式:

label {
display: inline-block;
background-color: #fff;
border: 1px solid #ccc;
border-radius: 5px;
padding: 10px;
margin: 5px;
}
input[type="radio"]:checked + label {
background-color: #ccc;
}

在這個 CSS 代碼中，“+” 是相鄰兄弟選擇器，用于選擇緊接著input[type="radio"]的那個label元素。這個偽元素將label元素樣式化為選中狀態。

現在，我們的自定義單選按鈕就完成了。這個偽元素的應用使得我們不再需要使用 JavaScript 和復雜的 HTML 結構即可實現一個自定義的單選按鈕。