Angular Mat stepper done图标不在圆圈内

您好，我在角型中使用mat stepper时遇到问题

<div class="container text-center mt-5" >
  <p>E-SNEAKERS</p>
  <mat-horizontal-stepper #stepper>

    <mat-step label="Step 1">
      Step 1 content
    </mat-step>

    <mat-step label="Step 2">
      Step 2 content
    </mat-step>

    <mat-step label="Step 3">
      You are now done.
    </mat-step>

  </mat-horizontal-stepper>
</div>

电子运动鞋

第1步内容
第2步内容
你现在完成了。

完成步骤图标不在圆圈内。。 组件不包含任何css

---

检查此代码是否有效：

   <mat-step label="Step 1">
      <div style="padding-top: 3%;">
          Step 1 content
      </div>
    </mat-step>

    <mat-step label="Step 2">
      <div style="padding-top: 3%;">
          Step 2 content
      </div>
    </mat-step>

    <mat-step label="Step 3">
      <div style="padding-top: 3%;">
          You are now done.
      </div>
    </mat-step>

第1步内容
第2步内容
你现在完成了。

在设计/模板时，您需要考虑以下因素：

注1：在转换基于垫的样式时-始终更改本地/组件级SCS

---

注2：如果要在全局级别进行转换，请使用ng deep。有关更多信息，请访问：

检查此代码是否有效：

   <mat-step label="Step 1">
      <div style="padding-top: 3%;">
          Step 1 content
      </div>
    </mat-step>

    <mat-step label="Step 2">
      <div style="padding-top: 3%;">
          Step 2 content
      </div>
    </mat-step>

    <mat-step label="Step 3">
      <div style="padding-top: 3%;">
          You are now done.
      </div>
    </mat-step>

第1步内容
第2步内容
你现在完成了。

在设计/模板时，您需要考虑以下因素：

注1：在转换基于垫的样式时-始终更改本地/组件级SCS

---

注2：如果要在全局级别进行转换，请使用ng deep。更多信息将在以下内容中提供：

您是否在每个垫子步进机后进行了填充？就像第一步的内容一样，你在每一个垫子步进机后都给了填充物吗？像第1步内容一样，您是否增加了填充或边距？你会创建一个Stackblitz演示吗？我有一个内置的全局css mat图标{transform:translate（0px，0px）！重要；用户选择：none；}，但不管怎样，它现在可以工作了吗？在设计/模板时，你需要注意这些注意事项1：在转换基于mat的样式时-始终在本地/组件级别的SCS中更改，注2：如果要在全局级别进行转换，请使用ng deep。更多信息将在中提供：您是否增加了填充或边距？你会创建一个Stackblitz演示吗？我有一个内置的全局css mat图标{transform:translate（0px，0px）！重要；用户选择：none；}，但不管怎样，它现在可以工作了吗？在设计/模板时，你需要注意这些注意事项1：在转换基于mat的样式时-始终在本地/组件级别的SCS中更改，注2：如果要在全局级别进行转换，请使用ng deep。更多信息将在以下网站上提供：