為什麼無法在 Chrome 中使用 CSS 隱藏選單中的元素？

如何隱藏 內有選擇的元素使用CSS 的菜單：一個難題

問題：

由於某些令人困惑的原因，我注意到Chrome 頑固地拒絕隱藏 中的元素選單，而Firefox 似乎沒有這樣的疑慮。我的任務是模糊特定的 滿足某些搜尋參數的元素。然而，雖然 Chrome 偵錯工具準確地顯示我的 JavaScript 正在將這些元素的顯示樣式設為“無”，但當 時，它們會神秘地重新出現。菜單已啟動。這是什麼妖術？如何防止顯示這些 選單展開時的元素？

答案：

有效隱藏與您的搜尋條件相符並防止其在選單啟動時重新出現的元素，請考慮使用HTML5 支援的“隱藏”屬性。

<option hidden>Hidden option</option>

此屬性提供了一種可靠的方法來抑制特定選項的可見性。需要注意的是，Internet Explorer 11 之前的版本不支援此屬性。如果您的要求只是隱藏有限數量的；元素，策略性地使用「隱藏」屬性與「停用」屬性可能會更有利，而不是刪除和重新插入元素或訴諸語義上不明確的方法。

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

以上是為什麼無法在 Chrome 中使用 CSS 隱藏選單中的元素？的詳細內容。更多資訊請關注PHP中文網其他相關文章！