<select multiple =“multiple”> </select>的默认长度属性

Question

<select multiple="multiple" size="2">
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="mercedes">Mercedes</option>
  <option value="audi">Audi</option>
</select>

如果没有可用的选项，它会收缩并且看起来很糟糕。是否有任何属性可以指定默认长度？

Answer 1

您可以通过CSS为其提供width，例如：

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

You can test it out here

Answer 2

您可以使用CSS指定宽度和高度，这样无论有哪些选项，select元素的大小都保持不变：

select { width: 12em; height: 6em }

  

样品：
  http://jsfiddle.net/3PQ92/
  http://jsfiddle.net/3PQ92/1/
  http://jsfiddle.net/3PQ92/2/