如何使用 CSS 定位有角度的材质步进器填充？

Question

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

要删除此处的填充：

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

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

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

这是行不通的。我在这里创建了一个Stackblitz来说明问题。

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; 
}