如何在HTML5中给出ListBox的宽度

Question

我想在HTML5中给出ListBox宽度。 请给我一些想法。

Answer 1

您可以尝试使用

style="width:150px;"

Answer 2

您可以将其设置为常规输入 - 适用于它的所有CSS属性

DEMO

---

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