在开发人员控制台中进行的更改无法在角垫形式字段中的本地进行

问题描述

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

我有一个HTML表格，在该表格中，我使用的是角垫选择下拉列表。我必须对每行中行的高度进行更改，然后尝试使用chrome开发人员工具调整高度。当我在开发人员工具控制台中进行更改时，UI随心所欲，因此我将粘贴的同一行代码复制到CSS文件中，但是更改无法正常进行。我试图在开发人员控制台中编辑的代码是

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

我正在尝试更改边框顶部，如果我在开发人员控制台中进行了更改，那将很好地工作，即使我使用相同的代码也无法正常工作。

解决方法

您可以尝试使用ng-deep。

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