jquery - Bootstrap 多选更改高度

Question

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

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

我做到了。这是 JSfiddle

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

Answer 1

您可以使用绝对定位的插入符而不是 float 的，并为 .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