I'；我使用mat basic芯片和自定义CSS，但我看到芯片周围有一个黑色边框。谢谢你的帮助

垫子芯片在点击时有一个有趣的黑色边框。我不知道是什么造成了黑色边框。 这是模板和CSS

<mat-chip-list class="flex-full-width">
                      <ng-container *ngFor="let opt of question.options">
                        <mat-basic-chip #lbl="matChip" (click)="chipControlOnSelect(question.key,opt.key,fi,fgi, lbl)">
                          {{opt.value}}</mat-basic-chip>
                      </ng-container>
                    </mat-chip-list>

//style.scss
mat-basic-chip {
    display: inline-flex;
    padding: 7px 12px;
    align-items: center;
    cursor: pointer;
    border: 1px solid #9B9B9B;
    border-radius: 20px;
    opacity: 1;
    margin-left: 10px;
    font: Medium 14px/16px Roboto;
    &.mat-chip-selected {
        border: 1px solid $radio-yes-border-color;
        background-color: $radio-yes-background-color;
    }
    &:hover{
        background-color: $radio-yes-background-color;
    }
 }

{{opt.value}}
//style.scss
mat基本芯片{
显示：内联flex；
填充：7px 12px；
对齐项目：居中；
光标：指针；
边框：1px实心#9b9b；
边界半径：20px；
不透明度：1；
左边距：10px；
字体：中号14px/16px Roboto；
&.所选的垫子芯片{
边框：1px纯色$radio是边框颜色；
背景色：$收音机是背景色；
}
&：悬停{
背景色：$收音机是背景色；
}
}

可以是“文本装饰：无；”？
我还看到，您有“border:1px solid$radio yes border color；”

---

我想在点击btn后，这个btn会被这个类选中。mat chip selected“

我也遇到了同样的问题

只需添加css：

mat-chip-list:focus {
  outline: 0;
}

---

这将删除黑色边框

它可能是由Bootstrap添加的-您使用Bootstrap吗？我面临同样的问题，您有任何更新吗？