Google Chrome中的奇怪下拉菜单选项

Question

我的HTML下拉列表：

<select>
    <option style="display:block;">--Please Select --</option>
    <option style="display:block;">one</option>
    <option style="display:none;">two</option>
    <option style="display:none;">three</option>
</select>

问题：在chrome中，显示的内容像一页一页地滚动。在Firefox和其他浏览器中没有问题。

附有图像以供清晰参考。

请帮助！

Answer 1

浏览器正在将下拉菜单的高度更改为将第一个可见选项的高度渲染为特定大小。如果我在顶部放两行，则会得到两行，三个可见选项给出三行，依此类推。其他选项仍然存在，但只有滚动条可用。

使用显示隐藏选项：在更多浏览器中都不会中断。

  

我发现不是隐藏选项，我们不需要   选择自身而不使用显示：无。

参考：Chrome- display:none options in select