Html CSS如何去除点击后出现在自定义按钮周围的边框

我有一个自定义按钮类（在线创建，因为这是我第一次尝试创建网页）。单击按钮时，在单击其他内容之前，按钮周围会显示一个灰色边框，其厚度可能为两像素。当其他东西被点击时，它就会消失（我的自定义按钮有圆角，所以它非常明显）

这不会出现在OS-X上的Safari上，但会出现在Chrome上。FireFox的边框是1像素厚，在我的自定义框中会出现一个框。（它不会在IE上运行，因为我们在一段时间内一直使用IE8。）这很烦人

HTML:

---

我正在使用Dart，但“OnClick”方法中的代码并不重要。如果我可以在单击后移动焦点，则可以解决问题，但我不知道如何操作。

您是否尝试过

大纲：无

？

添加规则：

outline: 0;

---

应该做这项工作

这不仅仅是必要的是，但键入这一切要有趣得多。

.command-btn,
.command-btn:focus,
.command-btn:active {
    border: 0;
    outline: 0;
}

outline: 0;

.command-btn,
.command-btn:focus,
.command-btn:active {
    border: 0;
    outline: 0;
}