CSS自定義圖片選中，可以讓網(wǎng)頁(yè)在用戶選中時(shí)，顯示自定義的圖片。

//設(shè)置選中狀態(tài)顯示的圖片
:checked {
background-image: url('selected.png');
background-repeat: no-repeat;
background-position: center;
}

使用:checked偽類選擇器，設(shè)置選中狀態(tài)下顯示的圖片。首先，設(shè)置背景圖片為 'selected.png'，然后指定不需要重復(fù)顯示。最后，將圖片位置設(shè)為中心，以讓圖片在選中狀態(tài)下居中顯示。

可以將:checked偽類應(yīng)用于多種HTML表單元素上。例如：

/* 選擇復(fù)選框 */
input[type="checkbox"]:checked {
/* 設(shè)置選中狀態(tài)下復(fù)選框的背景圖片 */
}
/* 選擇單選按鈕 */
input[type="radio"]:checked {
/* 設(shè)置選中狀態(tài)下單選按鈕的背景圖片 */
}
/* 選擇下拉列表 */
select:checked {
/* 設(shè)置選中狀態(tài)下下拉列表的背景圖片 */
}

需要注意的是，不是所有的HTML表單元素都支持:checked偽類。例如，文本框和密碼框無(wú)法顯示選中狀態(tài)的背景圖片。

同樣，使用自定義背景圖片還受到一些瀏覽器的兼容性問(wèn)題，需要在實(shí)際應(yīng)用中進(jìn)行一定的測(cè)試和調(diào)整。