如何删除html中点击按钮周围的边框？

Question

我最近开始建立一个网站并开始在其上制作按钮。但是，每当我点击按钮时，我都会看到像this这样的蓝色边框！

我应该如何摆脱这个边界？提前谢谢！

Answer 1

将此css添加到您的按钮：

outline: none;

Answer 2

只需添加：

button:focus {
    outline: none;
}

Answer 3

删除它的方法是将其添加到按钮的css中：

outline: 0;

如果您不希望任何地方将此行添加到您的css：

* {
    outline: 0;
}

Answer 4

只需添加outline: none;

这是一个例子

#button
{
  width: 10px;
  height: 10px;
  z-index: -1;
  outline: none;
}