單選框是一種常見的網頁元素，用于選擇不同的選項。在網頁中，單選框可以使用 CSS 進行美化，使其看起來更加美觀和易用。下面將介紹單選框 CSS 樣式美化的方法。

1. 選擇背景顏色

單選框的背景顏色可以通過 CSS 選擇器進行選擇?？梢允褂?background-color 屬性來設置單選框的背景顏色。該屬性的值可以是任何顏色，如紅色、藍色、綠色等等。

input[type="radio"]:hover {

background-color: #0099ff;

在上面的代碼中，使用hover 修飾符來設置單選框在懸停時的背景顏色為紅色。

2. 添加邊框和背景

input[type="radio"] {

border: 1px solid #ccc;

input[type="radio"]:hover {

border: 1px solid #0099ff;

3. 添加字體和字號

單選框可以使用 CSS 添加字體和字號?？梢允褂?CSS 的font-family 和 font-size 屬性來設置字體和字號。

input[type="radio"] {

font-family: Arial, sans-serif;

font-size: 16px;

在上面的代碼中，使用font-family 屬性來設置單選框的字體，使用font-size 屬性來設置單選框的字號。

4. 添加圖標

input[type="radio"] {

background-size: cover;

background-position: center;

input[type="radio"]:hover {

background-size: cover;

background-position: center;

input[type="radio"]:active {

background-size: cover;

background-position: center;

通過使用 CSS 美化單選框，可以使其看起來更加美觀和易用。通過添加邊框、背景、字體和字號、圖標等屬性，可以使單選框更加個性化。