如何设置ui-select的大小

Question

我使用ui-select与bootstrap。我们知道，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>