删除单击按钮时出现的边框

Question

我有一个评分表，当我点击一颗星时，会出现以下边框：

执行以下示例：angular-material-star-rating

如何删除此边框？

Answer 1

将此规则添加到元素

outline: none

Answer 2

要删除默认焦点，请使用以下代码：

:focus {
   outline:none;
}

然后您可以通过元素单独控制焦点边框颜色

:focus {
   outline:none;
    border:1px solid red
}