预定义的样式不会改变

Question

这可能是一个愚蠢的问题：

我正在研究我的第一个Angular2，版本7（学校项目）SPA，我正在使用Material Angular框架。框架要求我使用他们预定义的样式表之一。我是，但我想更改matInput标记上的填充。既然它生成了很多未在代码中显示的但你可以在inspect视图中看到它，我认为我在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;
}