html - 为禁用的 Mat-Expansion 面板设置样式

Question

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

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

Answer 1

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

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

---

根据这个 SO 答案，在为::ng-deep 提供替代或替换之前，建议继续使用它......

What to use in place of ::ng-deep