如何删除下划线并在有角材料组件周围提供一个框？

Question

我想删除下划线，并在全局范围内用一个定义的css（即全局css）在不同角度组件周围提供一个框。

例如，只是为了删除下划线，我在common.scss文件中尝试了此操作：

 .mat-form-field-underline {
    display: none;
    }

但这没用。

我正在寻找不使用ViewEncapsulation和ng-deep的解决方案。 预先感谢。