html - HTML5でListBoxの幅を指定する方法

Question

HTML5でListBoxに幅を持たせたい。アイデアをください。

Answer 1

通常の入力としてスタイルを設定できます-それに適用可能なすべてのCSSプロパティ

デモ

---

CSS

input[list] {
    width: 300px;
}

HTML

<input type="text" list="browsers" />
<datalist id="browsers">    
    <option> Chrome </option>   
    <option> Firefox </option>
    <option> IE9 </option>
</datalist>

Answer 2

あなたはで試すことができます

style="width:150px;"

Answer 3

CSS

#example {
    width: 300px;
}

HTML

<select size="4" id="example" name="example">
<option selected>Fries</option>
<option>Drink</option>
<option>Pie</option>
<option>Salad</option>
<option>Shake</option>
</select>

完全を期し、実際の HTML5 リストボックスを表示するため (JS は必要ありません)。