我发现删除“滑动门”类型输入按钮上的轮廓很有帮助，因为轮廓没有覆盖滑动门图像的正确“帽子”，使焦点状态看起来有点不稳定。

input.slidingdoorbutton:focus { outline: none;}

我发现删除“滑动门”类型输入按钮上的轮廓很有帮助，因为轮廓没有覆盖滑动门图像的正确“帽子”，使焦点状态看起来有点不稳定。

input.slidingdoorbutton:focus { outline: none;}

如果你想移除Bootstrap中按钮的辉光(在我看来这并不一定是糟糕的用户体验)，你需要以下代码:

.btn:focus, .btn:active:focus, .btn.active:focus{
  outline-color: transparent;
  outline-style: none;
}

有时也会发生按钮，然后使用下面来删除外线

input:hover
input:active, 
input:focus, 
textarea:active,
textarea:hover,
textarea:focus, 
button:focus,
button:active,
button:hover
{
    outline:0px !important;
}

这个解决方案对我很有效。

input:focus {
    outline: none !important;
    box-shadow: none !important;
}

这是为那些关心可访问性的人提供的解决方案。

请不要使用outline:none;用于禁用焦点轮廓。如果你这样做，你是在扼杀网络的可访问性。有一种可行的方法。

看看我写的这篇文章，它解释了如何以一种可访问的方式删除边界。

简而言之，当我们检测到键盘用户时，只显示轮廓边框。一旦用户开始使用他的鼠标，我们禁用大纲。结果你得到了两者中最好的。