Komponente HTML überschreiben/hinzufügen oder entfernen css auf Komponenten von Drittanbietern

Question

Ich benutze das ng-Karussell https://github.com/ng-bootstrap/ng-bootstrap/blob/master/src/carousel/carousel.ts und ich möchte verschiedene prev/next Symbole haben. Ich bin daran interessiert, die font-awesome im Gegensatz zu denen zu verwenden, die standardmäßig vorhanden sind. Ist es möglich, die CSS-Klassen zu ändern, die irgendwie verwendet werden oder muss ich diese Komponente erweitern und meine eigene Vorlage schreiben (wie hier vorgeschlagen Angular2: How to override components template?)?

Dank

UPDATE:

Vielleicht muss ich die Frage neu zu formulieren:

Ich mag würde das Äquivalent von Wechsel/Austausch CSS-Klassen tun:

.carousel-control-prev-icon { 
    /* extend FontAwesome left chevron*/ 
    @extend .fa-chevron-left; 
} 

aber Ich benutze nicht Sass.

Answer 1

Schauen Sie in diesen offizielle Dokumentation Teil auf CSS spezielle Selektoren: https://angular.io/guide/component-styles#special-selectors

sollten Sie in der Lage sein, die CSS mit speziellem Selektor (wie/deep /) zu ändern, um sie Ihren eigenen Geschmack anpassen.