删除大纲是可访问性的噩梦。使用键盘的人永远不知道他们在敲什么。

最好离开它，因为大多数点击按钮会把你带到某个地方，或者如果你必须删除轮廓，然后把它隔离为一个特定的类名。

.no-outline {
  outline: none;
}

然后，您可以在需要时应用该类。

给定下面的html:

<button class="btn-without-border"> Submit </button>

在css样式中执行以下操作:

.btn-without-border:focus {
    border: none;
    outline: none;
}

此代码将删除按钮边框，并在单击按钮时禁用按钮边框焦点。

由于Chrome和Mozilla不仅在按钮周围添加了这一行，而且在链接文本周围也添加了这一行，我在我的网站上使用这个:

a:focus {outline: none;
}

适用于浏览器、链接和按钮。

顺便说一句，这并没有(27.4.2021):

input[type=button]{
   outline:none;
}
input[type=button]::-moz-focus-inner {
   border: 0;
}

outline属性就是您所需要的。它是在单个声明中设置以下每个属性的简写:

outline-style outline-width 边框色

你可以使用outline: none;，这是公认答案中的建议。如果你想，你也可以说得更具体:

button {
    outline-style: none;
}

这比你想象的要简单得多。当按钮被聚焦时，应用outline属性，如下所示:

button:focus {
    outline: 0 !important;
}

但是当我使用none值时，它对我不起作用。

删除大纲是可访问性的噩梦。使用键盘的人永远不知道他们在敲什么。

最好离开它，因为大多数点击按钮会把你带到某个地方，或者如果你必须删除轮廓，然后把它隔离为一个特定的类名。

.no-outline {
  outline: none;
}

然后，您可以在需要时应用该类。