Html 设置已禁用的垫子扩展面板的样式
我想知道是否有办法为已禁用的垫子扩展面板设置样式。我在标题中有按钮,与它们交互可以切换面板,因此我认为最好只使用按钮切换面板并禁用面板本身Html 设置已禁用的垫子扩展面板的样式,html,css,angular,angular-material,Html,Css,Angular,Angular Material,我想知道是否有办法为已禁用的垫子扩展面板设置样式。我在标题中有按钮,与它们交互可以切换面板,因此我认为最好只使用按钮切换面板并禁用面板本身 但是,当我禁用面板时,面板内的所有项目都会显示为灰色。有没有办法删除禁用样式或覆盖它们 在组件样式表中使用以下选项将使禁用的扩展面板颜色恢复为默认值 ::ng-deep .mat-expansion-panel-header[aria-disabled=true] { color: rgba(0,0,0,.87); } 根据这个SO答案,在为::
但是,当我禁用面板时,面板内的所有项目都会显示为灰色。有没有办法删除禁用样式或覆盖它们 在组件样式表中使用以下选项将使禁用的扩展面板颜色恢复为默认值
::ng-deep .mat-expansion-panel-header[aria-disabled=true] {
color: rgba(0,0,0,.87);
}
根据这个SO答案,在为::ng deep提供替代品之前,建议继续使用它
如果要使其更干净,我建议使用内置的Material scss函数和Material scss变量
::ng-deep mat-expansion-panel-header {
color: mat-color($accent);
}
[aria disabled=true]
当禁用的状态true和false应具有相同的颜色时,不需要
有关更多信息,请参见:没问题,如果符合您的要求,请务必接受答案。