當我們在開發頁面時，有時候需要隱藏單選按鈕，這時候使用CSS就可以做到。

/* 隱藏單選按鈕 */
input[type='radio'] { 
position: absolute;
opacity: 0;
cursor: pointer;
}
/* 顯示自定義圖片 */
input[type='radio'] + label:before {
content: '';
display: inline-block;
width: 20px;
height: 20px;
background: url('radio.png') no-repeat;
cursor: pointer;
}
/* 顯示選中狀態 */
input[type='radio']:checked + label:before {
background-position: 0 -20px;
}

首先，通過設置單選按鈕的position屬性為absolute，可以讓它們與文本區域分離，然后設置opacity為0，使其不可見。

其次，通過設置Label標簽的:before偽類，在單選按鈕之前插入一張自定義圖片，這樣就能夠顯示自定義的樣式。

最后，通過:checked偽類來判斷單選按鈕是否選中，然后改變:before背景圖片的位置達到選中狀態的效果。

通過這樣的方式，我們就可以輕松地隱藏單選按鈕，并且可以使用自定義圖片來增加用戶體驗。