IE不顯示組合框的全部內容

我在select中使用了下面的html代碼。IE不顯示組合框的全部內容

<html> 
<head> 
<title> 
</title> 
</head> 
<body> 
<form> 
<select id="cbotest" style="width:100px;"> 
    <option id="Option1">test value for option value 1</option> 
    <option id="Option2">test value for option value2 long description</option> 
    <option id="Option3">test value foroption value3 very long description</option> 
</select> 
</form> 
</body> 
</html>

但Internet Explorer會顯示組合框的內容，如下所示。它截斷組合框的內容以匹配組合框的寬度。該問題僅在IE中出現。這個問題在Mozilla和Firefox中不存在。我該如何解決這個問題？

test value for 
test value for 
test value for

來源

2011-07-02 Maanu

@mu太短：更新我的交 – Maanu

的可能重複的[選擇下拉固定寬度切斷內容在IE（http://stackoverflow.com/questions/682764/select-dropdown-with-fixed-width - 切斷內容在ie） – Bob

我曾經有過這個問題。我解決了這個問題，當用戶點擊它時將寬度設置爲auto，並在用戶關閉彈出窗口時重新設置寬度。我只是在這個時候纔會這樣做。

來源

2011-07-02 07:51:59 Jan

jQuery有一個很好的插件來執行此操作，搜索jQuery插件可能會發現它 – Ryan

您是否嘗試設置組合框的寬度使其足夠長，以滿足每個選項的要求？

來源

2011-07-02 07:20:51

王。我們無法增加長度，因爲組合的內容是動態生成的，並且會變化。 – Maanu

刪除組合框中的樣式 - style =「width：100px;」

來源

2011-07-02 07:41:32 devtut

IE不顯示組合框的全部內容

回答

相關問題