Question

可能重复：
fix size drop down with long text in options (restricted view in IE)

下拉列表在IE8上无法正常运行。具有长文本的选项被截断。 Firefox和Chrome工作正常，并根据最长选项的文本调整列表窗口。

以下HTML就是一个例子：

<html>
<body>
      <select STYLE="width: 150px" onchange="javascript:window.open(this.value)">
        <option value="week1.html">option 1</option>
        <option value="week2.html">many characters are here in option 2</option>
        <option value="week3.html">option 3</option>
      </select>
    </form>

  </body>

</html>

Another thread in StackOverflow 建议使用基于CSS的解决方案：

select:focus {
    width: auto;
    position: relative;
}

但是我无法理解如何在HTML中使用这些选项。这是正确的方法吗？如果是这样，我应该如何使用它？任何其他想法，所以IE8中的下拉列表会像在Firefox中一样动态调整大小？

谢谢。

Answer 1

IE8不支持：focus css选择器。有关浏览器支持的css功能的综合列表，请参阅以下链接。

http://www.quirksmode.org/css/contents.html

最好的办法是使用jQuery或其他js框架来复制缺少的功能。

IE8中的下拉列表使用<select> truncates选项文本</select>

1 个答案: