如何处理 angular 6 中的 css 问题

Question

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

Stackblitz link here.

代码：

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

Answer 1

您为 disabled 和 click 输入了错误的 syntax。
试试这个，我在你的 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

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

尝试在 app.component.html

中传递 [type]="'button'"

如何处理 angular 6 中的 css 问题

How to handle css issue in angular 6

angular

angular5

angular6