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

时间：2016-07-07 15:01:10

标签： css angularjs

我在http://www.jiyubi.com/#/tour_package/home

上有两个下拉菜单

左边的angular-ui-select/dist/select.min.css

但我喜欢合适的风格。

什么是最快的？

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

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

enter image description here

enter image description here

当前样式http://www.jiyubi.com/#/tour_package/home

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

由于

1 个答案:

答案 0 :(得分：5)

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

引自[1]：

  

ui-select具有以下主题：

     
      
  • bootstrap灵感来自流行的bootstrap框架。
    •   
  • select2灵感来自select2 jQuery小部件
    •   
  • 从selectize jQuery widget
    • 中获取灵感   
     

可以使用提供商在全球范围内设置主题：

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，放置所需的样式并使用！important用css定义来覆盖原件。 

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

我的消息来源：

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

相关问题
最新问题