Html 如何在角料步进机中用垫片代替下一步按钮？

我使用的是角材料步进机，在步进机中，我想用mat芯片替换下一个按钮，并充当与下一个按钮相同的功能。

这就是我想要的：

---

将按钮插入芯片内部如何？和管理外观。。。在这里看一看

HTML：

<mat-chip-list>
  <mat-chip><button mat-button matStepperPrevious>Back</button></mat-chip>
  <mat-chip><button mat-button matStepperNext>Next</button></mat-chip>
</mat-chip-list>

mat-chip{padding:0;}

---

如果您只希望按钮看起来像一个材料芯片（而不是实际的材料芯片），您可以从下一个按钮中删除“mat button”并添加您自己的类，例如“next_btn”：

<button class="next_btn" matStepperNext>Next</button>

---

示例。

但是，先生，在点击类似芯片的按钮后，蓝色边框来了，这不是必需的。如何解决这个问题？更新了我的答案-如果额外的CSS删除了蓝色边框，请告诉我。这真的是一个角度问题吗？普通css是你的朋友：）

button.next_btn {
    padding: 7px 12px;
    border-radius: 16px;
    min-height: 32px;
    background-color: #e0e0e0;
    color: rgba(0,0,0,.87);
    box-shadow:none;
    border:none;
    cursor: pointer;
    outline:none;
}

button.next_btn:focus 
{
    outline:none;
}