覆盖组件HTML /在第三方组件上添加或删除css

Question

我正在使用ng-carousel https://github.com/ng-bootstrap/ng-bootstrap/blob/master/src/carousel/carousel.ts，我希望有不同的上一个/下一个图标。我对使用font-awesome而不是默认使用的那些感兴趣。是否可以更改以某种方式使用的模板css类，或者我是否必须扩展该组件并编写我自己的模板（如此处Angular2: How to override components template?建议的那样）？

由于

更新：

也许我需要重新解释这个问题：

我想做相当于更改/交换CSS类的内容：

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

但我没有使用Sass。

Answer 1

查看有关CSS特殊选择器的官方文档部分：https://angular.io/guide/component-styles#special-selectors

您应该可以使用特殊选择器（例如/ deep /）更改CSS，以根据自己的喜好自定义它。