Angular ui-select：更改主题答案

【问题标题】：Angular ui-select : Change themeAngular ui-select：更改主题
【发布时间】：2017-04-11 02:54:08
【问题描述】：

我是来问问题的

更改 ui-select 输入字段主题的最佳方法是什么，Hack CSS？你还有其他线索吗？

【问题讨论】：

【解决方案1】：

根据documentation，您可以通过以下方式为您的应用中的所有ui-select设置一个主题：

app.config(function(uiSelectConfig) {
  uiSelectConfig.theme = 'bootstrap';
  //... other config options
});

... 或 对于特定的ui-select 使用此代码：

<ui-select theme="bootstrap">
    ...
</ui-select>

可用的主题有：bootstrap、select2 和 selectize

如果您想为ui-select 指令生成的任何特定元素设置自定义css 规则，您应该创建自定义css 文件并覆盖定义的规则ui-select 的 css 文件

【讨论】：

【解决方案2】：

This one 更好地使用 CSS 进行自定义。

【讨论】：