时间戳

首页 > 解决方案 > 更改 CSS 禁用按钮

angular - 更改 CSS 禁用按钮

问题描述

问题是“按钮”被禁用，CSS在图标周围应用了一个框架。如何更改 css“.disable”以避免应用框架。我想创建一个新类.disable，因为当我禁用按钮时，这个 css 很好。

<button class="btn btn-icon button-transparent" (click)="deleteItem()" [disabled]=user.readOnly><i class="fa fa-trash"></i></button>

标签： angularngx-bootstrap

解决方案

当您disabled在按钮上使用属性时，您还可以为禁用的按钮提供样式。因此，您不必再添加一个条件来添加禁用类。

<button class="btn btn-icon button-transparent" 
    [disabled]="user.readOnly" 
    (click)="deleteItem()"><i class="fa fa-trash"></i></button>

CSS

button:disabled{
  opacity: 0.3;
}

推荐阅读