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）。