使用outline: none;你可以在铬中删除边界。

<style>
input[type=button] {
    width: 120px;
    height: 60px;
    margin-left: 35px;
    display: block;
    background-color: gray;
    color: white;
    border: none;
    outline: none;
}
</style>

同样值得注意的是outline: none可以应用于<button>标签和input[type=button]来删除浏览器应用的单击边框。

正如许多人提到的，selector:focus {outline: none;}将删除该边框，但该边框是一个关键的可访问性特性，允许键盘用户找到按钮，不应该被删除。

由于您关心的似乎是一个美学问题，您应该知道您可以更改轮廓的颜色、样式和宽度，使其更适合您的网站样式。

selector:focus {
  outline-width: 1px;
  outline-style: dashed;
  outline-color: red;
}

速记:

selector:focus {
  outline: 1px dashed red;
}

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

a:focus {outline: none;
}

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

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

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

这对我来说很简单:)

*:focus {
    outline: 0 !important;
}

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

button:focus {
    outline: 0 !important;
}

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