Hinzufügen von Stil mit CSS zu ng2-select2 in Angular2

Ich benutze ng2-select2 in meinem Angular2-Projekt, und ich möchte einige Stil wie Breite, Höhe, Rand-Radius, Schrift-Gewicht, Schriftgröße hinzufügen, ... aber ich konnte es nicht schaffen.Hinzufügen von Stil mit CSS zu ng2-select2 in Angular2

Mein HTML-Code ist wie:

<select2 [data]="exampleData"></select2>

Ich habe auch versucht Klasse und id mein select2 Element hinzugefügt wird, aber es funktioniert nicht. Hast du eine Idee, wie kann ich das tun?

Quelle

2017-03-14 Kavoos

Sie haben width Attribut zu verwenden, wie es Beschreibung im Repo erwähnt ähnliche

<select2 [width]="dynamic_width"></select2>

von hier beziehen

https://github.com/NejcZdovc/ng2-select2#inputs

Sie sonst ngStyle oder ngClass für dynamische Bindung an Stil verwenden können (PS: - Nicht getestet)

Quelle

2017-03-14 13:25:58

Ja, aber nur Breite, und es sollte nur inline verwendet werden. Es funktioniert nicht, wenn Sie es in die CSS-Datei setzen – Kavoos

nein, es wird nicht funktionieren in CSS müssen Sie in HTML selbst einstellen, auch Just width weil Autor von Repo erwähnt nur Breite dort. siehe den beigefügten Link @Kavoos –

@ pardeepjain_90, ich finde irgendwie eine Lösung! Ich muss die Chrome-Konsole öffnen. Dort können Sie sehen, dass das Element in ein anderes Element konvertiert wurde und ich die richtige Klasse finden muss, die sie verwenden, und sie dann überschreiben. Jedenfalls ist es sehr nervig! – Kavoos

Sie könnten versuchen, customiz e-Komponente

@Component({ 
      selector: "your-component", 
      templateUrl: "your-template.component.html", 
      styles: [` 
        :host >>> .select2-container { 
           min-width: 1000px; 
        } 
      `] 
    })

Quelle

2017-03-14 14:02:23 mechu

Hinzufügen von Stil mit CSS zu ng2-select2 in Angular2

Antwort

Verwandte Themen