如何使角材料步进器的CSS发生变化？

Question

我和Mat-Stepper一起做了个项目。这是这个项目的stackblitz 链接。我想在这里做两个改变：-

1. 我怎样才能移除台阶之间的水平线，用其他的东西来代替它，比如箭头之类的东西？

​

1. 我想通过在标签周围添加阴影来突出标签。这有可能吗？

​

提前谢谢你的帮助。

Answer 1

将此添加到您的样式中，并更改任何您喜欢的背景。

.mat-stepper-horizontal-line{border-color: transparent; position: relative;}
.mat-stepper-horizontal-line:after{content: ""; position: absolute; left: 50%; top: 50%; width: 20px; height: 20px; background: red; margin: -10px 0 0 -10px;}

箱影

.mat-horizontal-stepper-header-container{box-shadow: inset 0 0 0 1px red;}