Angular2如何更改禁用按钮的颜色 [英] Angular2 how to change color of a disabled button

问题描述

我有这个按钮

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

我希望它在禁用时为绿色，但不知道如何操作

I want it to be green when disabled but don't know how to do it

推荐答案

组件

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

这篇关于Angular2如何更改禁用按钮的颜色的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！