Bootstrap 多选更改高度

Question

我在我的 MVC ASP.NET 应用程序中使用 bootstrap multiselect。我有 3 个要求

• 如果未选择任何内容，则下拉列表应为空白。
• 插入符位置应位于下拉列表的右侧。
• 控件应使用整个 bootstrap 网格的列宽

我做到了。这是 JSfiddle

然而，问题是每当我设置插入符号 float:right 或将其设为空 nonSelectedText（如 jsfiddle 示例所示）时，控件的高度就会发生变化。
我应该怎么做才能控制不改变高度。

Answer 1

您可以使用绝对定位插入符而不是浮动插入符，并为 .multiselect 元素设置 min-height。

.multiselect {
  position: relative;
  min-height: 34px;
}
.multiselect .caret {
  position: absolute;
  right: 5px;
  line-height: 34px;
  display: inline-block;
  top: 50%;
  margin-top: -3px;
}

JSFIDDLE