如何设置多选的宽度？答案

【问题标题】：How to set width of a multiple select?如何设置多选的宽度？
【发布时间】：2019-11-08 22:03:30
【问题描述】：

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

怎么做？

【问题讨论】：

标签： html

【解决方案1】：

试试这个，

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

或

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

【讨论】：

【解决方案2】：

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

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

select[multiple] {
    width: 7em;
}

【讨论】：

【解决方案3】：

在 css 中试试这个

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

【讨论】：

【解决方案4】：

查看style 上的max-width 属性。

例如：

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

【讨论】：

【解决方案5】：

你可以像下面这样使用“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>

【讨论】：