Bootstrap导航栏显示模式弹出框后的边框

Question

我在Rails应用程序中使用Bootstrap，其中有一个包含一些元素的导航栏。 当我按下这些元素之一时，我会显示一个模式弹出窗口。 当我关闭此弹出窗口时，由于某种原因单击的元素会突出显示。 这不是我想要的体验。

见下图：

我想知道如何摆脱这种不良影响吗？

Answer 1

如果您不向我们提供小提琴 ，那么我们很难确定确切发生了什么。

尽管从您的图像看来，这似乎只是“焦点”。 下面是来自Bootstrap网站的图像，它具有其“默认”按钮之一。 左边是处于原始状态的按钮，右边是我单击它后处于“聚焦”状态的按钮。 默认情况下，Chrome（由其“用户代理样式表”创建）会在元素集中后在元件周围放置此浅蓝色边框。

要删除所有字段的边框，可以使用以下命令：

*:focus {
    outline: none;
}

要删除所选字段的边框，只需将此类应用于所需的输入字段：

.nohighlight:focus {
     outline:none;  
}

Answer 2

*:focus  
{  
    outline: none;  
}  

这就像魅力