2

bulma 的最新更新中,它们支持多选。

但这对我不起作用?显然我做错了什么,但我不知道是什么。当我在他们的网站上复制示例时:

<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 个项目。

4

1 回答 1

-3

可能是 CDN 文件发生了一些变化。

请打开此链接http://bulma.io/css/bulma-docs.css(复制所有 css)。

创建一个名为 bulma.css 的自定义文件,而不是 cdn 文件,然后从上述链接复制和粘贴代码。并且只包含您创建和删除的 cdn 文件的自定义文件

所以它看起来像这样。

在此处输入图像描述

于 2017-07-19T12:57:50.797 回答