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类上设置样式，以便应用line-through属性。

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

我的问题：如何在Angular Material的mat-form-field（例如text-decoration: line-through）中添加文本修饰？