Html下拉不同大小的條目列表和選定的條目

我正面臨着一些問題與HTML下拉。我希望將下拉列表的大小固定下來，但是當用戶單擊下拉列表時，列表應該以更大的尺寸顯示，以便條目不被截斷。這是fiefox中的默認行爲，此問題僅出現在IE瀏覽器。任何人可以建議一些解決在IE中解決這個問題？Html下拉不同大小的條目列表和選定的條目

我已經嘗試在onclick事件中擴大下拉的大小。但它會增加整個下拉菜單（不僅僅是列表）。

style ='width：100px;' onclick =「this.style.width ='200px';」的onblur =「this.style.width =‘100px的’

來源

2010-10-22 Sujith

出於好奇心純潔我曾試圖努力想辦法。它並不完美。

使用EM而不是PX，有與EM的問題，但其更可靠比在這種情況下，PX How Big is an Em?

HTML：

<select id="sel" name="sel" style="width:100px;"> 
    <option>Options</option> 
    <option>IIIIIIIIIIIIIII</option> 
    <option>MMMMMMMMMMMMMMMMMMMMMMMMM</option> 
    <option>OptionsOptionsOptionsOptionsOptionsOptions</option> 
    <option>Options</option> 
</select>

JQuery的：

$('#sel').change(function() { 
    var len = $('#sel option:selected').val().length; 
    $('#sel').attr("style", "width:"+len+"em;"); 
});

The quick JsFiddle

就像你會看到它的不完美，我的比M的小得多，但PX是更依賴於字體。至少他們有一些一致性。可能會有幫助！

來源

2013-03-16 04:49:25

Html下拉不同大小的條目列表和選定的條目

回答

相關問題