将ui-选择样式替换为原始样式

Question

我在package/home上有两个下拉菜单

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

但我想要一种合适的款式。

最快得到它的是什么？

因为看起来角-ui-选择将修改DOM元素。

我不知道哪种方法可以使左边的和右边的一样。

​

​

​

​

电流型http://www.jiyubi.com/#/tour_package/home

这是所需的样式http://52.196.210.40:3000/portal/package_home.html

谢谢

Answer 1

角-ui-选择有三个内置的主题：

引用1

ui-select有以下主题：

• 引导从流行的引导框架中得到启发。
• select2受select2 jQuery小部件的启发
• 从选择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>

如果这些现成的样式不是从正确的框架中激发出来的，就是不讨好您的眼睛，那么您总是可以制作自己的css，关于类的角度-ui选择使用，放置在那里所需的样式和使用！重要的css定义覆盖原件。

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

My来源：

1