如何使用 CSS 隱藏選擇選單中的選項並保持 DOM 存在？

在 中隱藏使用CSS 的選單

好奇的頭腦遇到了一個奇怪的難題：隱藏 中的元素選單在Chrome 中似乎是一個挑戰，而Firefox 可以輕鬆應對。當需要根據搜尋條件隱藏特定的時，就會出現此問題。

為了防止這些隱藏的在時重新出現。在Chrome中點選選單，HTML5中可用的解決方案是hidden屬性。透過將隱藏新增至 元素，它會從視圖中隱藏，同時保留其在 DOM 中的存在。 Internet Explorer 11 之前的版本不支援此方法。

對於有限的場景，結合設定隱藏和停用屬性可以提供替代方法。這可以避免語意上不正確的構造或添加/刪除元素的需要：

<select>
  <option>Option1</option>
  <option>Option2</option>
  <option hidden>Hidden Option</option>
</select>

以上是如何使用 CSS 隱藏選擇選單中的選項並保持 DOM 存在？的詳細內容。更多資訊請關注PHP中文網其他相關文章！