更改CSS禁用按钮

Question

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

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

Answer 1

当您在按钮上使用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;
}