button去除黑框

如果想要去除button的黑框，可以使用如下两个属性：

border: none;
outline: none;

但当我点击button的时候会发现黑框又出现了，这时候我们可以利用开发者工具进行调试，如图：

可以看到由于项目引入了bootstrap，当button获取到焦点时又会出现黑框：

所以解决方法就是覆盖这一属性，如下代码：

.button:focus {
    
    outline: none;
}