如何将 Angular Material 扩展面板箭头图标更改为加号（+）和减号（-）

Question

我根据要求使用。扩展箭头必须改变。我检查了 align 选项，但没有得到我需要的。

Answer 1

也许您可以定义覆盖 Angular 样式的全局样式（例如在 styles.css 中）：

mat-expansion-panel-header .mat-expansion-indicator::after {
  content: "+";
  border: 0;
  transform: none;
}

.mat-expansion-panel-header.mat-expanded .mat-expansion-indicator::after {
  content: "-";
}