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

Question

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

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

标签： htmlcssangularangular-material

Answer 1

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

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

---

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

用什么代替 ::ng-deep