html - 複数選択の幅を設定するには?

Question

複数の選択要素のデフォルト幅を設定したい:

どうやってするか ？

Answer 1

これを試して、

<select multiple="multiple" style="width: 200px;">

また

<select multiple="multiple" style="width: 10em;">

Answer 2

他の要素と同じ方法です。要素に一致するセレクタ (たとえば、multiple 属性を持つ select 要素) を記述してから、width プロパティを使用します。

デフォルトでは、置換されたインライン要素 (select など) に幅が適用されます。

select[multiple] {
    width: 7em;
}

Answer 3

cssでこれを試してください

select[multiple=multiple] {width: <default width you want>px ;}

Answer 4

max-widthでプロパティを見てみましょうstyle。

元：

<select name=countries  style="max-width:90%;">
 <option value=af>Afghanistan</option>
 <option value=ax>Åland Islands</option>
 ...
 <option value=gs>South Georgia and the South Sandwich Islands</option>
 ...
</select>  

詳細: select タグの幅を制御するには?