选择风格以原创风格

2018-07-03 04:20:31

我在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]：

ui-select具有以下主题：

bootstrap受启发自流行的bootstrap框架启发。

select2灵感来自select2 jQuery小部件

selectize启发从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

链接地址: http://www.djcxy.com/p/92463.html