相关疑难解决方法(0)

我有几个相互之间路由的Angular组件。他们俩都有mat-form-field。在一个组件中，我将覆盖下划线组件的样式，如下所示：

::ng-deep .mat-input-underline {
  display: none;
}

当我单击链接返回到其他组件时，如上定义的样式会保留下来，下划线组件也消失了。我试图添加如下样式：

::ng-deep .mat-input-underline {
  display: revert;
  //or
  display: unset;
  //or
  display: initial;
}

但是它们都不起作用。如何仅覆盖一个组件而不覆盖其他组件的材料设计样式？