在網站開發中，表單是最常用的元素之一。其中，單選框是表單中的一個經典元素。雖然默認的單選框已經足夠實用，但是為了讓網站更加個性化和美觀，我們可以對單選框進行自定義。

/* CSS代碼樣例 */
input[type="radio"] {
display: none;
}
input[type="radio"] + label {
display: inline-block;
cursor: pointer;
padding-left: 25px;
position: relative;
margin-right: 10px;
}
input[type="radio"] + label:before {
content: "";
display: inline-block;
width: 16px;
height: 16px;
margin-right: 10px;
background-color: #fff;
position: absolute;
top: 0;
left: 0;
border: 1px solid #b6b6b6;
border-radius: 50%;
}
input[type="radio"]:checked + label:before {
content: "\2713";
text-align: center;
font-size: 14px;
line-height: 16px;
background-color: #3388ff;
color: #fff;
}

上述CSS代碼是一個常見的單選框自定義樣式。首先，我們通過display: none;隱藏默認的單選框。然后，通過相鄰兄弟選擇器+來定位單選框的偽裝元素，并設置其樣式。在偽裝元素中，我們使用絕對定位將選項標記放在單選框左側，通過:before偽元素來實現。

當單選框被選中時，我們可以通過:checked偽類來設置標記的樣式。在上述代碼中，我們使用Unicode編號\2713來表示選中狀態下的勾選標記。

通過對單選框進行自定義，我們可以讓其更加符合網站的整體風格，增強用戶的體驗感。同時，這種自定義樣式的實現也可以被應用到其他表單元素中，例如復選框等，以達到更好的效果。