预定义样式不会改变

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