ui-select-Stil ursprünglichen Stil ersetzen

Ich habe zwei Drop-Down-Menüs auf http://www.jiyubi.com/#/tour_package/home ui-select-Stil ursprünglichen Stil ersetzen

Die linken angular-ui-select/dist/select.min.css

angewandt wird, aber ich würde die richtige Art mögen.

Was ist das schnellste?

Da es eckig scheint-ui-select wird das DOM-Element ändern.

Ich weiß nicht, welcher Ansatz den linken haben kann, hat den gleichen Stil wie der richtige.

Aktuelle Stil http://www.jiyubi.com/#/tour_package/home

Dieser Stil gewünscht wird http://52.196.210.40:3000/portal/package_home.html

Dank

Quelle

2016-07-07 user3675188

Können Sie ein bisschen mehr Kontext geben? Ich bin mir nicht ganz sicher, wonach du suchst. – jmealy

Können Sie uns einen Link mit dem gewünschten ausgewählten Stil zeigen? – mrlew

@mrlew Ich aktualisierte den Beitrag, bitte sehen Sie die Unterseite des Beitrags für den Zugriff auf die Seite, danke – user3675188

Winkel-ui-select hat drei Themen gebaut:

Zitat aus [1]:

ui-select die folgenden Themen haben:

Bootstrap inspiriert vom beliebten Bootstrap-Framework.

select2 von select2 jQuery Widget inspiriert

selectize von selectize jQuery Widget inspiriert

Themen können auf globaler Ebene mit einem Anbieter festgelegt werden:

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

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

oder als Eigenschaft auf dem Auswahlelement wie:

Wenn diese ready made Styles nicht vom richtigen Framework inspiriert sind oder anderenfalls nicht Ihr Auge erfreuen, können Sie immer Ihr eigenes CSS über die Klassen erstellen, die angular-ui-select verwenden, dort den gewünschten Stil platzieren und verwenden Wichtig bei den CSS-Definitionen zum Überschreiben der Originale.

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

Meine Quellen:

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

Quelle

2016-07-10 11:24:03 mico

ui-select-Stil ursprünglichen Stil ersetzen

Antwort

Verwandte Themen