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

Question

我正在使用 ng-carousel https://github.com/ng-bootstrap/ng-bootstrap/blob/master/src/carousel/carousel.ts我想要不同的上一个/下一个图标。我对使用超棒的字体感兴趣，而不是默认使用的字体。是否可以更改以某种方式使用的模板 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，以根据自己的喜好对其进行自定义。