javascript - 如何设置 ui-select 的大小？

Question

我正在使用带有引导程序的 ui-select。众所周知，bootstrap 有 input-lg、input-sm ……但是有没有什么好办法可以改变 ui-select 的大小呢？

Answer 1

你能告诉你什么是“好方法”吗？如果 CSS 足够好，那么你可以用它来设置元素的样式，看起来像这样。

.form-input-sm .ui-select-toggle {height: 40px}

那是简单的HTML：

<ui-select theme="bootstrap" ng-model="model">
  <ui-select-match placeholder="Placeholder"></ui-select-match>
  <ui-select-choices refresh-delay="0" repeat="item in roleList">
    <div>{{item.name}}</div>
  </ui-select-choices>
</ui-select>

而且我不是魔术师，我不知道选择器只是在这里查看 HTML。如果你需要找到合适的选择器，你可以使用浏览器开发者工具。例如，相同的技术用于覆盖 Bootstrap 中的所有默认样式。

Answer 2

我的回答可能晚了 6 年，但为了所有将来会遇到这个问题的人，对我有用的修复是使用内联 css 来设置 ui-select 的高度

 <ui-select theme="bootstrap" style="min-height:34px" ng-model="model">
  <ui-select-match placeholder="Placeholder"></ui-select-match>
  <ui-select-choices refresh-delay="0" repeat="item in roleList">
    <div>{{item.name}}</div>
  </ui-select-choices>
</ui-select>