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）コンテンツをカットインすること） – Bob

私はこの問題を一度も持っていました。誰かがクリックしたときに幅をautoに設定し、ユーザーがポップアップを閉じるときに幅をリセットすることで解決しました。私はこのトリックは、それがあったときにのみ行った。

出典

2011-07-02 07:51:59 Jan

jQueryはこれを行うには素晴らしいプラグインを持っています。 – Ryan

コンボボックスの幅を設定して、それぞれのオプションの長さを十分に長くしてみましたか？

出典

2011-07-02 07:20:51

Wang。コンボのコンテンツが動的に生成され、変化するので長さを増やすことはできません – Maanu

コンボボックスでスタイルを削除します。style = "width：100px;"

出典

2011-07-02 07:41:32 devtut

IEはコンボボックスの完全な内容を表示しません

答えて

関連する問題