将ui-select样式替换为原始样式

Question

我在http://www.jiyubi.com/#/tour_package/home上有两个下拉菜单

左边的一个被应用 angular-ui-select/dist/select.min.css

但我喜欢合适的风格.

什么是最快的得到它？

因为看起来angular-ui-select会修改DOM元素.

我不知道哪种方法可以使左方的方式与右方的方式相同.

目前的风格 http://www.jiyubi.com/#/tour_package/home

这是理想的风格 http://52.196.210.40:3000/portal/package_home.html

谢谢

Answer 1

angular-ui-select有三个内置主题:

引自[1]:

ui-select具有以下主题:

• bootstrap灵感来自流行的bootstrap框架.
• select2灵感来自select2 jQuery小部件
• 选择灵感来自selectize jQuery小部件

可以使用提供者在全局级别设置主题:

var app = angular.module('app', ['ui.select']);

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

或者作为select元素的属性,如:

<ui-select ng-model="animal.id" theme="bootstrap">
    ...
</ui-select>

如果这些现成的样式既不是正确的框架的灵感,也不是不喜欢你的眼睛,你可以随时制作自己的关于angular-ui-select使用的类的css,放置所需的样式并使用!重要的css覆盖原件的定义.

.style.not.pleasing.eye {
    something: sth_new !important;
}

我的来源:

[1] https://github.com/angular-ui/ui-select/wiki/ui-select