Angular2如何更改禁用按钮的颜色

Question

我有这个按钮

<button class="btn" [disabled]="true">
    <i class="fa fa-heart" aria-hidden="true"></i> Like
</button>

我希望它在禁用时变为绿色,但不知道该怎么做

Answer 1

零件

isDisabled: boolean = true;

视图

<button class="btn" [class.green]="isDisabled" [disabled]="isDisabled">
    <i class="fa fa-heart" aria-hidden="true"></i> Like
</button>

CSS

.green {
 background-color: green;
}

另一种方法是添加 ngStyle

Answer 2

用css

button:disabled {
   background-color: green;
}