下拉列表截斷選項文本

可能重複：
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

下拉列表截斷選項文本

回答

相關問題