如何使用 CSS 可靠地隱藏 `` 選單中的 `` 元素？

隱藏 中的元素使用CSS 的選單

問題：

如何隱藏

問題：

如何隱藏 中的元素使用CSS 的選單，以便在按一下選單時保持隱藏狀態，儘管最初在Chrome的網路工具中顯示為「display: none」？

答案：

對於HTML5瀏覽器中，hidden屬性為隱藏提供了有效的解決方案。元素。與 display: none 屬性不同，hidden 屬性可防止元素在 時顯示。菜單打開。

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

範例：

其他選項：

或者，對於部分元素隱藏，a隱藏屬性和禁用屬性的組合可能就夠了。然而，這種方法在語義上不如單獨的隱藏屬性正確。

• 附加資訊：

版本 11 以下的 IE 瀏覽器不支援隱藏屬性。 確保該屬性是在 HTML 程式碼本身中指定的，因為 JavaScript 無法直接修改隱藏的屬性財產。

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