开发者控制台中的更改工作在角垫形式字段中的本地不起作用

Question

我是HTML和CSS样式前端开发的新手，正在尝试一个有角度的项目

我有一个HTML表，在其中的行中，我使用角垫选择下拉菜单。我不得不更改每行的行高，并尝试使用chrome开发工具调整高度。当我在开发人员工具控制台中进行一些更改时，UI就是我想要的。所以我在CSS文件中复制粘贴了同一行代码，但更改不起作用。我试图在开发者控制台中编辑的代码是

.mat-form-field-infix {
padding: .5em 0;
border-top: .84375em solid transparent;
}

我正在尝试更改这个程序中的边界顶部，如果我在开发人员控制台中进行更改，它会很好地工作，即使我使用相同的代码也不会工作。

Answer 1

您可以尝试使用ng deep。

::ng-deep {
.mat-form-field-infix {
padding: .5em 0;
border-top: .84375em solid transparent;
}
}