如何使用CSS定位角度材料步进垫？

Question

我正在尝试减少角度材料步进器组件上的填充，因为我正在开发一个契约：

要删除此处的填充：

Ibn是官方角度材料文档，他们指出你应该创建一个特定的选择器。我只是不知道该怎么做。我尝试过以下方法：

在chrome工具中，我找到了一个CSS类.mat-horizontal-stepper-header。我试图将填充从24像素减少到10像素，如下所示：

.mat-horizontal-stepper-header {
  padding: 14px !important;
}

它不起作用。我创建了一个Stackblitz here来说明问题。

Answer 1

试试这个。将此css添加到style.css

.mat-stepper-horizontal .mat-horizontal-stepper-header {
    padding: 10px;
    height:auto;
}
.mat-stepper-horizontal .mat-stepper-horizontal-line {
    margin: 0 -4px; 
}