CSS單選框是一種常見的選擇性控件，其使用起來非常簡單。但是，當你在網頁中使用它時，你可能會遇到一個問題：默認它不會被選中。

這意味著當用戶在未選擇其他選項的情況下提交表單時，該單選框不會被包含在表單數據中。對于需要一個預選選項的表單，這非常麻煩。

一種解決方法是在HTML中為單選框添加checked屬性，但這并不總是可行的。另一種解決方法是使用CSS。

input[type="radio"]:first-child {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: 1px solid black;
border-radius: 50%;
width: 16px;
height: 16px;
outline: none;
transition: border-color 0.2s ease-in-out;
}
input[type="radio"]:first-child:before {
position: absolute;
content: "";
display: inline-block;
width: 8px;
height: 8px;
border-radius: 50%;
top: 50%;
left: 50%;
transform: translate(-50%, -50%) scale(0);
transition: transform 0.2s ease-in-out;
}
input[type="radio"]:checked:first-child:before {
transform: translate(-50%, -50%) scale(1);
}

使用此CSS，您可以在不使用checked屬性的情況下將第一個單選框設置為預選狀態。效果類似于：

上面的CSS將第一個單選框的外觀更改為圓形，并在其中間添加一個小點。當它選中時，點會變大并變為實心。

這是一種比較通用的方法，在很多情況下都可以使用。如果你需要更定制化的預選效果，你也可以使用其他的CSS技巧來實現。