如何使用 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中文网其他相关文章！