如何使用 CSS 隐藏选择菜单中的选项并保持 DOM 存在？

在 中隐藏 使用 CSS 的菜单

好奇的头脑遇到了一个奇怪的难题：隐藏 中的元素菜单在 Chrome 中似乎是一个挑战，而 Firefox 可以轻松应对。当需要根据搜索条件隐藏特定的时，就会出现此问题。

为了防止这些隐藏的在时重新出现。在Chrome中点击菜单，HTML5中可用的解决方案是hidden属性。通过将隐藏添加到 元素，它会从视图中隐藏，同时保留其在 DOM 中的存在。 Internet Explorer 11 之前的版本不支持此方法。

对于有限的场景，结合设置隐藏和禁用属性可以提供替代方法。这可以避免语义上不正确的构造或添加/删除元素的需要：

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

以上是如何使用 CSS 隐藏选择菜单中的选项并保持 DOM 存在？的详细内容。更多信息请关注PHP中文网其他相关文章！