Bootstrap multiselect更改高度

时间:2017-01-23 19:34:20

标签: jquery css twitter-bootstrap bootstrap-multiselect

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

  • 如果未选择任何内容,则下拉列表应为空白。
  • Caret位置应位于下拉列表的右侧。
  • 控件应使用整个引导网格的列宽

我能够做到这一点。这是JSfiddle

但问题是每当我设置插入符nonSelectedText或空为src/main/project/foo/MyClass.java时(如jsfiddle示例所示)控件的高度会发生变化。
我应该怎么做,所以控制不会改变高度。

1 个答案:

答案 0 :(得分:1)

您可以使用绝对定位插入符号而不是浮点数,并为min-height元素设置.multiselect

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

JSFIDDLE