Question

如何扩展下拉列表（列出的项目）。当我限制下拉列表的大小时，我无法在IE中查看列出的项目。

请在IE和其他浏览器中运行此代码 - 您可以看到差异

<html><body><select style='width:20px;'><option>a</option><option>b</option><option>c</option><option>d</option><option>e</option><option>f</option>

请告诉我在下拉中可以使用的样式是什么样的

Answer 1

是的，在IE中，如果你给一个固定宽度的选择框，它不会调整大小以适应单击时的内容。

有一些黑客和解决方法，

其中一个是在单击时更改选择框的宽度，然后在未单击时将其重新设置为原始大小。

这可能适用于显示内容，但它可能经常破坏网站的布局或使其看起来很奇怪。

这样的事情可行，

<select name="selectName" onclick="this.style.width = '120px';" 
        onblur="this.style.width = '20px';">

Answer 2

这有一些问题。在IE中如果单击下拉列表将会展开并立即崩溃。如果下降不在焦点上，则会发生这种情况。一旦下拉得到了聚焦，它就能正常工作。