我试图让一个浮动标签很好地发挥与HTML Select 与size="5"使用Bootstrap 5.3.x(最新版本),但我不能使它工作,或者只是它是不可能没有一些黑客或我只是缺少一些从Bootstrap文档.

根据Select的文档,我应该能够更多地扩展元素,但正如我所说的那样,我不能.

这是我创建的一个示例HTML,用于显示问题:

<div class="form-floating">
  <select id="example" name="example" size="5" class="form-select form-select-sm">
    <option value="0">0</option>
    <option value="1">1</option>
    <option value="2">2</option>
    <option value="3">3</option>
    <option value="4">4</option>
    <option value="5">5</option>
    <option value="6">6</option>
    <option value="7">7</option>
    <option value="8">8</option>
    <option value="9">9</option>
    <option value="10">10</option>
  </select>
  <label for="example">Works with selects</label>
</div>

结果如下:

enter image description here

我还创建了一个Fiddle,这样你就可以玩它了,看看我有什么问题.

我能得到一些 idea 或帮助吗?我希望有更多的选项在 Select 中可见,但也使用浮动标签.

推荐答案

不支持:

浮动标签

Select

Select with size and multiple are not supported.

https://getbootstrap.com/docs/5.3/forms/floating-labels/#selects

Html相关问答推荐

如何只混合部分的背景而不是内容<>

CSS/添加margin—top到嵌入式facebook帖子

CSS:显示块,第一个项目没有正确对齐

悬停时跳转的内容

为什么我的网页底部是蓝色背景而不是渐变色?

默认情况下使用Disbale Scroll,但在单击图标后将其激活

获取标准的Python脚本,以便使用FASK对网站进行Flask

如何使用*ngFor将模板从父级传递到子级

如何使VS代码支持以模仿嵌套的方式对已经包含注释的HTML进行注释?

为什么index.html在Django中有这样的名称?

如何防止滑动滚动元素时touch 屏出现空白区域?

如何在r中提取明显非标准html标签的值

如何防止弹性项目溢出容器?

jquery向单词中的一组字母添加跨度

从触发元素移动到有间隙的内容时 CSS 工具提示关闭

理解图像与其内容框之间的关系

如何使用html css将图像显示为附加形状

如何将背景与之前的内容正确对齐

在带有换行文本的工具提示中显示溢出文本

我如何使用 HTML 和 CSS 在我的下拉菜单中获得这种类型的样式