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

我在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
谢谢

最佳答案

angular-ui-select具有三个内置主题:
引用[1]:

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

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

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

如果这些现成的样式不是从正确的框架中获得灵感，或者是不讨好您的视线，则始终可以对angular-ui-select所使用的类制作自己的CSS，在其中放置所需的样式并在CSS中使用!important覆盖原始文件的定义。

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

我的来源:
[1] https://github.com/angular-ui/ui-select/wiki/ui-select

关于css - 将ui选择样式替换为原始样式，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/38248880/