zastąpić UI-wybierz styl do oryginalnego stylu

Question

mam dwa menu rozwijane na http://www.jiyubi.com/#/tour_package/home

Lewica jeden jest stosowany angular-ui-select/dist/select.min.css

Ale chciałbym słuszna styl.

Jak najszybciej to zdobyć?

Ponieważ wydaje się, kątowe - ui-select zmodyfikuje element DOM.

Nie wiem, które podejście może sprawić, że lewy ma ten sam styl, co prawy.

Obecny styl http://www.jiyubi.com/#/tour_package/home

Ten pożądany jest w formie http://52.196.210.40:3000/portal/package_home.html

Dzięki

Answer 1

kątowe-ui-select został zbudowany w trzy tematy:

cytat z [1]:

ui-select posiada następujące tematy:

• bootstrap zainspirowana popularnym ram bootstrap.
• select2 inspirowane z select2 jQuery widget
• selectize inspirowany selectize jQuery widget

Motywy można ustawić na poziomie globalnym pomocą dostawcy:

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

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

lub jako właściwość na elemencie wyboru:

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

Jeśli te gotowe style nie są ani zainspirowane poprawnym frameworkiem, ani w żaden inny sposób nie podoba się twojemu oczu, zawsze możesz stworzyć własne css o klasach, które używają kątowo-ui-wybierz, umieść tam pożądany styl i użyj ! ważne z definicjami css, aby zastąpić oryginały.

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

---

Moje źródła:

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