如何将文本装饰添加到我的 Angular Material mat-form-field？

Question

我的问题：如何将文本装饰添加到我的 Angular Material mat-form-field（例如 `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 class 上设置样式，以便应用直通属性。

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