CSS打鉤的單選按鈕是Web開發中常用的元素。單選按鈕（Radio Button）是一種用于允許用戶從指定的一組選項中選擇一個選項的元素。而CSS打鉤則是通過CSS樣式的設置，來讓單選按鈕的選中狀態更加明顯。

<label>
<input type="radio" name="color" value="red">
<span>紅色</span>
</label>
<label>
<input type="radio" name="color" value="green">
<span>綠色</span>
</label>
<label>
<input type="radio" name="color" value="blue">
<span>藍色</span>
</label>
<style>
input[type="radio"] {
display: none; /* 把原來的單選按鈕隱藏 */
}
input[type="radio"] + span::before {
content: " "; /* 偽元素保證內容為空 */
display: inline-block;
width: 16px;
height: 16px;
border: 1px solid #999;
border-radius: 50%;
background-color: #fff;
vertical-align: middle;
margin-right: 8px;
cursor: pointer;
}
input[type="radio"]:checked + span::before {
content: "?"; /* 把偽元素的內容設置為“?” */
color: #999;
font-size: 16px;
line-height: 16px;
text-align: center;
vertical-align: middle;
}
</style>

上面的代碼展示了三個單選按鈕，通過CSS樣式的設置，把原來的單選按鈕隱藏，同時通過偽元素的設置，創建了一個圓形的白色背景，并在選中時顯示一個“?”的標志。這樣做能夠使選擇某個選項時更加明顯，提升用戶體驗。