如何在 Chrome 中隐藏 `` 菜单中的 `` 元素？

隐藏 中的元素带 CSS 的菜单

尽管可以隐藏 中的元素使用显示的菜单：无；在 Firefox 中，Chrome 提出了独特的挑战。单击后菜单，之前隐藏的 元素重新出现。为了解决这个问题，我们提出了两种有效的解决方案：

1.利用 'hidden' 属性

HTML5 引入了 'hidden' 属性，它可以有效地隐藏 选项。元素。

<option hidden>Hidden Option</option>

2。组合“隐藏”和“禁用”属性

如果浏览器对“隐藏”属性的支持有限，您可以组合使用“隐藏”和“禁用”属性。

<option disabled hidden>Hidden Option</option>

通过禁用 与搜索条件匹配的元素，您可以阻止它们显示在下拉菜单中。但是，如果您希望使用键盘导航来保持这些元素的可访问性，那么这种方法可能并不理想。

以上是如何在 Chrome 中隐藏 `` 菜单中的 `` 元素？的详细内容。更多信息请关注PHP中文网其他相关文章！