html / css：单击按钮时出现奇怪的边框

Question

我的按钮点击它时会出现这个奇怪的边框。 怎么删除它？ 下面是html和图片示例

立即购买 仅供应最后

Answer 1

您只需使用css outline属性修复此问题，您需要删除默认outline

button {
   outline:none;
}

Answer 2

只需将按钮大纲设置为无：

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

Answer 3

这只是一个大纲。您可以使用以下方法将其删除：

button: {
outline: none;
}

Answer 4

CSS中的outline属性在元素外部绘制一条线。除了：

之外，它类似于边界

Read outline properties

CSS tricks outline Property

 button: {
    outline: none;
 }