CSS中可以使用display: none;屬性來隱藏HTML元素，如input[type="radio"]，同時保留其效果，這種方法可以讓用戶在不顯示元素的情況下仍然能夠使用其功能。

假設你有一個HTML元素如下：

<input type="radio" id="myRadio" name="gender" value="male">

你可以使用CSS來隱藏這個元素，但保留其效果：

#myRadio {
    display: none;
}

這樣，雖然用戶看不到這個input[type="radio"]元素，但他們可以通過點擊或觸摸屏幕上的相應位置來選擇它，這種方法在UI設計中非常有用，特別是在制作自定義表單或需要隱藏特定元素的情況下。

雖然display: none;會隱藏元素，但它不會從文檔中刪除該元素，它僅僅是使元素不可見而已，如果你想要完全移除元素，可以使用visibility: hidden;屬性，但這通常不會保留元素的交互功能。