在開發網站或應用時，我們會經常用到單選框，而且我們經常會需要修改它們的樣式來適應頁面的需求。在這個過程中，如果我們需要改變單選框被選中時的打勾顏色，應該怎么做呢？

input[type="radio"]:checked:before {
content: '\2714';
color: #fff;
background-color: #007bff;
border-color: #007bff;
}

上面這段CSS代碼就是修改單選框打勾顏色的方法。其中，content: '\2714';為使用 Unicode 編碼打勾符號，color: #fff;為將打勾符號設為白色，background-color: #007bff;為設置打勾背景色，border-color: #007bff;為設置打勾邊框顏色。

需要注意的是，不同瀏覽器的默認單選框樣式可能不同，因此在使用此方法時，我們需要先重置該元素默認樣式，以確保代碼的有效性。

/* 重置單選框默認樣式 */
input[type="radio"] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border-radius: 50%;
border: 1px solid #adb5bd;
outline: none;
width: 16px;
height: 16px;
transition: all 0.15s ease-in-out;
}
/* 鼠標懸停樣式 */
input[type="radio"]:hover:not(:checked) {
border-color: #007bff;
}
/* 被選中樣式 */
input[type="radio"]:checked {
border-color: #007bff;
}
/* 被選中樣式（打勾） */
input[type="radio"]:checked:before {
content: '\2714';
color: #fff;
background-color: #007bff;
border-color: #007bff;
}

在實際開發中，我們還可以根據項目需求自定義單選框的大小、顏色等樣式。希望本文能對讀者在處理單選框樣式時提供幫助。