2

大量のテキストを含むドロップダウンのスペースと要素が限られています。

ドロップダウンの幅を小さくして、リストのポップアップを大きくすることはできますか?

編集： IEを使用しています

4

3 に答える 3

3

はい、可能です。また、現在のブラウザーでは、さまざまなサイズを機能させるために特別なことをする必要はありません。の を設定するだけwidthでselect、optionは必要なだけ大きくなります。

<select id="menu">
    <option>short</option>
    <option>a quite long option that is wider than the select</option>
    <option>another option</option>
</select>

#menu {
    width: 100px;
}

jsフィドル

これは、Firefox、Chrome、および IE10 で機能します。

Firefox の長いオプション ポップアップを含む短い選択

Chromeの長いオプションポップアップで短い選択

IE10での選択の長いオプションポップアップ

ただし、IE9 はこれをサポートしていません。

IE9の短いオプションポップアップで短い選択

于 2013-08-09T15:45:33.467 に答える
1

それがあなたに役立つかどうかはわかりませんが、css-tricks で何かを見つけました:

http://css-tricks.com/select-cuts-off-options-in-ie-fix/

ご覧ください。お役に立てば幸いです。

于 2013-08-09T16:02:51.423 に答える
1

残念ながらIEがここの主役です。他のブラウザーでは、s に必要な幅が与えられ、定義したサイズで選択ボックスが残されますが、IE8 以下では、親ボックスoptionの幅に合わせて切り取られます。select

答えは jQuery にあり、すばらしいドキュメントがここにあります: Dropdownlist width in IE

于 2013-08-09T15:50:21.023 に答える