angular - 角材料：禁用时不改变颜色（仅添加不透明度）

Question

我目前正在尝试重新定义我的角材质按钮的样式。

添加新的 css 属性或更改现有的属性没有问题，但是当我试图避免color&background更改按钮时disabled并添加一个简单的opacity: 0.5;时，我不知道从哪里开始......

看到很多关于颜色主题的文章，但没有关于摆脱某些属性的文章。

谢谢 ！

问。

标签： angularangular-materialscss-mixins

Answer 1

将这些行添加到您的styles.scss文件中：

.mat-flat-button.mat-primary.mat-button-disabled,
.mat-flat-button.mat-accent.mat-button-disabled,
.mat-flat-button.mat-warn.mat-button-disabled,
.mat-flat-button.mat-button-disabled.mat-button-disabled,
.mat-raised-button.mat-primary.mat-button-disabled,
.mat-raised-button.mat-accent.mat-button-disabled,
.mat-raised-button.mat-warn.mat-button-disabled,
.mat-raised-button.mat-button-disabled.mat-button-disabled,
.mat-fab.mat-primary.mat-button-disabled,
.mat-fab.mat-accent.mat-button-disabled,
.mat-fab.mat-warn.mat-button-disabled,
.mat-fab.mat-button-disabled.mat-button-disabled,
.mat-mini-fab.mat-primary.mat-button-disabled,
.mat-mini-fab.mat-accent.mat-button-disabled,
.mat-mini-fab.mat-warn.mat-button-disabled,
.mat-mini-fab.mat-button-disabled.mat-button-disabled {
    background-color: your-background-color !important;
    color: your-font-color !important;
    opacity: your-desired-opacity !important;
}