Question

我想设置多个选择元素的默认宽度：

enter image description here

怎么做？

Answer 1

试试这个，

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

或

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

Answer 2

与任何其他元素相同。编写与元素匹配的选择器（例如，具有多个属性的select元素），然后使用width属性。

默认情况下，宽度适用于替换的内联元素（例如选择）。

select[multiple] {
    width: 7em;
}

Answer 3

在css中试试这个

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

Answer 4

您可以使用“ size”属性，如下所示：

<!DOCTYPE html>
<html>
<body>

<select size="3">
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="opel">Opel</option>
  <option value="audi">Audi</option>
</select>

</body>
</html>

Answer 5

查看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>

更多信息：How to control the width of select tag?

如何设置多个选择的宽度？

5 个答案: