如何设置ui-select的大小?

时间:2015-08-23 12:17:39

标签: javascript angularjs ui-select

我使用ui-select和bootstrap。我们知道,bootstrap有input-lg,input-sm ......但有没有一种改变ui-select大小的好方法?

1 个答案:

答案 0 :(得分:1)

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

<html>
...
  <head>
  ...
    <script>
      $(document).ready(function() {
        $("#tabs_container").tabs();

        // force *initialized* #tab_container to be displayed
        $("#tabs_container").show();
      });
    </script>
  </head>
  ...

  <body>
    ...
    <!-- avoid unstyled tabs to be displayed using "display: none" at markup -->
    <div id="tabs_container" style="display: none;">
      <!-- (huge) tabs content -->
    </div>
    ...
  </body>
</html>

这适用于简单的HTML:

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

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