Я использую мат-базовую чипа с пользовательским CSS, но я вижу черную границу вокруг чипа. Любая помощь ценится ⇐ CSS

[Anonymous]

Мат-чип имеет забавную черную границу на щелчке. Я не могу выяснить, что создает черную границу.
Вот шаблон и css < /p>

Код: Выделить всё

{{opt.value}}



//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;
}
}

Подробнее здесь: https://stackoverflow.com/questions/631 ... und-the-ch