预定义样式不会改变

Question

这可能是个愚蠢的问题：

我正在开发我的第一个 Angular2 版本 7（学校项目）SPA，我正在使用 Material Angular 框架。该框架要求我使用他们预定义的样式表之一。我是，但我想更改 matInput 标签上的填充。由于它生成了很多未在代码中显示但您可以在检查视图中看到的内容，我认为 css 中的选择器可能无法正常工作？

这是我添加的：

.mat-form-field-wrapper,
.mat-form-field-infix,
.mat-form-field-appearance-legacy {
  padding: 0 !important;
}

因为在检查视图中，我一直在玩弄不同的生成元素，并且我已经能够确定我需要更改的位置，但我就是不会这样做（同样是因为我认为matInput 生成了很多我在编写时可能无法定位的代码？）。我基本上需要更改 .mat-form-field-wrapper 的填充。

有人有解决办法吗？

Answer 1

试试这个

/deep/.mat-form-field-appearance-legacy {
  padding: 0 !important;
}

预定义样式不会改变

Predefined styles won't change

css

input

angular2-forms

angular