button去除黑框

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

border: none;
outline: none;

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

在这里插入图片描述
可以看到由于项目引入了bootstrap,当button获取到焦点时又会出现黑框:

在这里插入图片描述
所以解决方法就是覆盖这一属性,如下代码:

.button:focus {
    
    
    outline: none;
}

猜你喜欢

转载自blog.csdn.net/qq_34626094/article/details/126089886