角度步进器：是否可以隐藏活动步进的垂直线？

Question

是否可以隐藏步进器中活动步骤的垂直线？

我想将表单内容移至左侧，以便在手机上有更多的工作空间。但我无法找到仅针对活动步骤隐藏垂直线的解决方案。

任何帮助，将不胜感激。

谢谢。

以下是上述场景的 stackblitz 示例。

Answer 1

经过几次尝试，我找到了一种仅隐藏活动步骤的垂直线的方法

如果您只想对活动的隐藏它，您可以使用此

mat-step-header[aria-selected=true] ~ .mat-stepper-vertical-line::before {
  border-left-width: 0;
}

这个符号~用来标记他们是兄弟姐妹。

如果你想在所有步骤中隐藏它，你可以使用这个

.mat-stepper-vertical-line::before {
  border-left-width: 0;
}

要完成这项工作，您需要在文件夹styles.css中定义这些类src