javascript - 更改基本手风琴面板颜色箭头角材料

Question

我有手风琴面板，我想更改手风琴中的箭头颜色。

我在这个 css 中写了这个，但它不起作用：

.mat-expansion-panel {
  .mat-expansion-indicator {
    .mat-expansion-indicator::after{
      color:red !important;
      border-color: rgb(0, 0, 0) !important;
    }
  }
}

我怎样才能改变箭头的颜色？？？？

标签： javascriptangularangular-material

Answer 1

您必须使用 ::ng-deep 和材质类来覆盖默认样式。

:host ::ng-deep .mat-expansion-indicator::after {
      color:red !important;
      border-color: rgb(0, 0, 0) !important
} 

例子