【发布时间】：2017-07-19 12:40:07
【问题描述】：
在bulma's 最新更新中，它们支持多选。
但这对我不起作用？显然我做错了什么，但我不知道是什么。当我在他们的网站上复制示例时：
<link href="https://cdnjs.cloudflare.com/ajax/libs/bulma/0.4.3/css/bulma.css" rel="stylesheet"/>
<div class="select is-multiple">
<select multiple size="8">
<option value="Argentina">Argentina</option>
<option value="Bolivia">Bolivia</option>
<option value="Brazil">Brazil</option>
<option value="Chile">Chile</option>
<option value="Colombia">Colombia</option>
<option value="Ecuador">Ecuador</option>
<option value="Guyana">Guyana</option>
<option value="Paraguay">Paraguay</option>
<option value="Peru">Peru</option>
<option value="Suriname">Suriname</option>
<option value="Uruguay">Uruguay</option>
<option value="Venezuela">Venezuela</option>
</select>
</div>我只看到第一项。我在这里想念什么？我想一次看到 8 个项目。
【问题讨论】：
-
按 cntrl + 单击以进行多选。您只看到一项的原因是，您的列表框不够大。 /* 高度：2.25em; */
-
多选是 0.4.4 版本的一部分，您使用的是 0.4.3。
-
@OriDrori 在我的项目中更改时我得到：
Please choose a version from this list: (Use arrow keys) ❯ 0.4.3 0.4.2 0.4.1 0.4.0 0.3.2所以没有0.4.4它处于测试阶段吗？ -
@Jenssen 即使在他们的展示网站上，您也可以使用 shift + click/cntrl + click 在该选择框中进行多选。在 css 中，您的选择框被设置为只有这个高度 /* height: 2.25em; */，所以如果你改变高度，你将能够看到更多的项目，并使用我上面提到的方法选择它们。
-
@Jenssen - 这就是您提供的链接中多选下所写的内容。