Кнопка Изменить 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;
}

Answer 2

Вы можете попробовать связать класс с условием, смотрите это:

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