去掉mat-form-field outline-gap

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了去掉mat-form-field outline-gap相关的知识,希望对你有一定的参考价值。

注意到轮廓的差距了吗?我想把它封闭起来。我不希望有缝隙,我希望有一个持续的边界线。

enter image description here

我试过这个

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

这就是解决方案。

::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;
}

以上是关于去掉mat-form-field outline-gap的主要内容,如果未能解决你的问题,请参考以下文章

Angular 8:将 Mat-form-field 中的高度更改为特定像素数

为应用程序中的所有输入设置默认指令

CSS去掉 a 标签点击后出现的虚线框

怎么去掉按钮的边框?

input 去掉点击后出现的边框

去掉FF中链接周围的虚线边框;与图像替换技术一起使用