html - 在开发人员控制台中进行的更改在 angular mat-form-field 中的本地不起作用

Question

我是 HTML 和 CSS 样式的前端开发新手，正在尝试处理 Angular 项目

我有一个 HTML 表格，在其中的行中我使用了 angular mat 选择下拉菜单。我必须对每行中的行高度进行更改，并尝试使用 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;
}
}