如何处理角6中的CSS问题

Question

我试图使用CSS禁用按钮，但我不能这样做。 我使用主机css来填充颜色，所以我无法覆盖以前的颜色。 如果你看到我的stackblitz你很容易理解。我试过禁用Save 1和Save 3按钮，但我无法更改禁用看按钮。 任何人都可以找到问题请解决它。

Stackblitz链接here.

码：

<myngbutton colorfil="filled" [disabled]="disabled1" (onClick)="alertMsg()">Save 1</myngbutton> 

Answer 1

您为禁用和错误添加了错误的语法。 试试这个，我在你的Stackblitz上运行它运行正常： <myngbutton colorfil="filled" [class.disabled]="disabled1" (click)="alertMsg()">Save 1</myngbutton>

希望你的问题得到解决！

Answer 2

由于您在myngbutton组件上使用disabled输入属性，并将其添加为实际<button> HTML元素的属性，因此您只需将禁用按钮的CSS切换为：

.btn[disabled] {
    background-color: #cccccc !important;
    color:#cccccc !important;;
    border: 1px solid #cccccc !important;
}

Answer 3

您似乎错过了父母的输入之一，即类型。

尝试在app.component.html中传递[type]="'button'"