为什么无法在 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中文网其他相关文章！