为什么隐藏选项会显示在 Chrome 的选择菜单中？

使用 CSS 隐藏选择菜单中的选项

隐藏 时 中的元素菜单使用 CSS，与 Firefox 不同，Chrome 在单击菜单时会显示隐藏选项。当尝试根据特定条件隐藏选项时，这可能会令人沮丧。

要解决此问题，请考虑使用隐藏属性而不是 CSS 来隐藏选项。 HTML5 支持此属性，并禁用隐藏选项的可见性和选择：

<option hidden>Hidden option</option>

虽然 11 以下的 Internet Explorer 版本不支持隐藏，但如果只需要几个选项，这可能是一个合适的解决方案被隐藏。通过将hidden属性与disabled结合起来，可以防止隐藏选项被意外选中：

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

以上是为什么隐藏选项会显示在 Chrome 的选择菜单中？的详细内容。更多信息请关注PHP中文网其他相关文章！