【问题标题】: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 滚动的解决方法是关闭溢出。此外,使用大小而不是像素作为高度将确保您有正确的条目高度。
猜你喜欢
  • 1970-01-01
  • 2015-08-13
  • 1970-01-01
  • 2012-10-24
  • 2018-11-04
  • 1970-01-01
  • 1970-01-01
  • 2019-04-08
  • 1970-01-01
相关资源
最近更新 更多