Angular Material:随着垫子步进器圆圈大小的增加,线的位置正在改变

Angular Material : on increasing mat stepper circle size the position of line is getting changed

请检查我的代码片段stackblitz

您必须手动对齐头部或分隔线。为了方便,我修改了头部。在文件 styles.scss 的第 26 行之后,添加此 top:-6px!important。你明白了。

您可以添加以下样式使其工作

.mat-step-header::after, .mat-step-header::before, .mat-stepper-horizontal-line {
  top: 42px !important;
}

工作示例stackblitz