扩展的选择和选项标签[关闭]

【问题标题】：Expanded Select & Option tag [closed]扩展的选择和选项标签[关闭]
【发布时间】：2015-04-29 10:13:12
【问题描述】：

我想要 select & 选项的扩展版本，它应该看起来像这样：

http://puu.sh/gdUgk/8ca472b629.png

什么是 HTML/CSS 标记和/或选项？

【问题讨论】：

由于不清楚而关闭，但我发现它很清楚，也正是我想要的。下面的解决方案正是我继续我的项目所需要的。

标签： html css select option

【解决方案1】：

<optgroup> 元素组选项。 multiple 属性使select 标记保持扩展。然后可以将其设置为您想要的尺寸。

例如

   <select multiple="multiple" style="width:200px;height:300px">
      <optgroup label="Fish">
          <option value="Cod">Cod</option>
        <option value="Halibut">Halibut</option>
      </optgroup>
      <optgroup label="Cars">
        <option value="Mini">Mini</option>
        <option value="BMW">BMW</option>
      </optgroup>
    </select>

Jsfiddle here.

【讨论】：

这不是我要的，我不希望它向下滚动，它需要像屏幕截图中的那样打开。
@andrewa 滚动的解决方法是关闭溢出。此外，使用大小而不是像素作为高度将确保您有正确的条目高度。