下拉列表截断选项文本

可能重复：
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一样动态调整大小？

谢谢。

来源

2011-01-30 oakist

您是否需要指定选择的宽度？这将解释为什么它被截断 – khr055 2011-02-01 20:55:54

IE8不支持：focus CSS选择器。查看下面的链接，查看浏览器支持的css功能的清晰列表。

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

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

来源

2011-02-01 20:47:07 TehCorwiz

我看到。谢谢！ – oakist 2011-02-02 06:57:02

下拉列表截断选项文本

回答

相关问题