5

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

在此处输入图像描述

怎么做 ?

4

5 回答 5

13

试试这个,

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

或者

<select multiple="multiple" style="width: 10em;">
于 2012-07-16T12:13:30.123 回答
3

与任何其他元素一样。您编写一个匹配元素的选择器(例如,具有多个属性的选择元素),然后使用 width 属性。

默认情况下,宽度适用于替换的内联元素(例如选择)。

select[multiple] {
    width: 7em;
}
于 2012-07-16T12:11:33.793 回答
1

在 css 中试试这个

select[multiple=multiple] {width: <default width you want>px ;}
于 2012-07-16T12:11:29.767 回答
1

看看上的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>  

更多信息:如何控制选择标签的宽度?

于 2016-07-22T03:02:00.293 回答
1

您可以使用“大小”属性,如下所示:

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

于 2019-11-08T14:03:30.633 回答