javascript - mat-vertical-stepper の完成した mat-step の CSS

Question

mat-vertical-stepper私は 4 を持っていますmat-step。最初のステップが完了したら、どうすれば目盛りを付けることができますか?

私は試した：

  <mat-vertical-stepper style="background:#f2ecec;" #stepper  [linear]="true">
    <mat-step label="General Details" [stepControl]="generalDetailsForm" completed="true" editable="true">
       <h3> Name </h3>
    </mat-step>
  </mat-vertical-stepper>

を作成するeditable="false"と、チェック マークが付き、作成したので編集できません"false"。私だけcompleted="true"が目盛りをまったく取得していません。

助けが必要:

1. マットステップが完了したらティックを与える方法
2. 目盛りを取得した後、目盛りは緑色になるはずです（CSSを追加する必要があります）