如何在 Chrome 中隱藏 `` 選單中的 `` 元素？

隱藏 中的元素帶CSS 的選單

儘管可以隱藏 中的元素使用顯示的選單：無；在Firefox 中，Chrome 提出了獨特的挑戰。點選後選單，之前隱藏的 元素重新出現。為了解決這個問題，我們提出了兩個有效的解決方案：

1.利用'hidden' 屬性

HTML5 引入了'hidden' 屬性，它可以有效隱藏 選項。元素。

<option hidden>Hidden Option</option>

2。組合「隱藏」和「停用」屬性

如果瀏覽器對「隱藏」屬性的支援有限，您可以組合使用「隱藏」和「停用」屬性。

<option disabled hidden>Hidden Option</option>

透過停用 與搜尋條件相符的元素，您可以阻止它們顯示在下拉式選單中。但是，如果您希望使用鍵盤導航來保持這些元素的可訪問性，那麼這種方法可能並不理想。

以上是如何在 Chrome 中隱藏 `` 選單中的 `` 元素？的詳細內容。更多資訊請關注PHP中文網其他相關文章！