删除mat-form-field outline-gap

Question

注意到轮廓间隙了吗？我要把它关起来。我不想在那里有差距，我想要一个持续的边界。

​

​

我试过了

::ng-deep .mat-form-field-appearance-outline .mat-form-field-outline-gap:active {
  border-style: solid !important;
}

Answer 1

以下是解决方案：

::ng-deep .mat-form-field-appearance-outline.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-outline-gap {
  border-top-color: initial !important;
}

Answer 2

避免使用::ng-deep (已弃用)并避免使用！重要信息--这些都不再是好的实践。

您可以直接在全局css中添加类，如下所示：

.mat-form-field-appearance-outline
.mat-form-field-can-float
.mat-form-field-should-float
.mat-form-field-outline-gap {
  border-top-color: initial !important;
}

我希望我能帮上忙。