角度材质表单字段外观填充大小

Posted 2021-04-13

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了角度材质表单字段外观填充大小相关的知识，希望对你有一定的参考价值。

上

<mat-form-field appearance="outline">

是否可以减少边框的默认填充大小？

在开发人员工具中，我可以找到该类并能够减小大小。

把这个类放在我的CSS中不会改变大小。

不知道如何在我的CSS中添加类名来更改填充。

答案

尝试从styles.css添加此类

div.mat-form-field-infix {padding：0em 0！important}

另一答案

尝试深入了解组件的scss

::ng-deep  .mat-form-field-infix {
  padding: 0em 0;
}

另一答案

你可以尝试padding: 0em 0 !important

以上是关于角度材质表单字段外观填充大小的主要内容，如果未能解决你的问题，请参考以下文章