Question

我想知道是否有一种方法可以为已禁用的Mat-Expansion-Panel设置样式。我在标题中有按钮，并且与它们进行交互可以切换面板，所以我相信最好只使用按钮切换面板并禁用面板本身。

但是，当我禁用面板时，面板内的所有项目都是灰色的。有没有办法删除禁用样式或覆盖它们？

Answer 1

在组件样式表中使用以下内容将禁用的扩展面板颜色恢复为默认值。

::ng-deep .mat-expansion-panel-header[aria-disabled=true] {
    color: rgba(0,0,0,.87);
}

按照这个答案，直到为:: ng-deep提供替代或替换之前，建议继续使用...

Answer 2

如果您想使其更整洁，我也建议以Material方式使用内置的material scss函数和material scss变量。

::ng-deep mat-expansion-panel-header {
    color: mat-color($accent);
}

[aria-disabled=true]在两个状态均为true和false都禁用的状态下都应具有相同的颜色。