Как добавить текстовое оформление в мое поле формы углового материала?

Question

Мой вопрос: как добавить текстовое оформление в мое поле формы Matular (например, text-decoration: line-through)?

Я новичок в использовании библиотеки Angular Material и нахожу это вЧтобы изменить почти все, вы должны либо

отключить ViewEncapsulation

import { ViewEncapsulation } from '@angular/core';

@Component({
  ...
  encapsulation: ViewEncapsulation.None
})

, либо

использовать ng-deep

::ng-deep .class {
    property: value;
}

Так что я отключилViewEncapsulation и пробовал два следующих способа сделать это, но ни один не работает:

.mat-input {
    text-decoration: line-through !important;
}

.mat-form-field {
    text-decoration: line-through !important;
}

Answer 1

Вам нужно будет установить стиль в классе mat-input-element, чтобы применить свойство line-through.

.mat-input-element {
  text-decoration: line-through;
}

Образец StackBlitz можно найти здесь: https://stackblitz.com/edit/angular-material-fdubu9