当模态关闭时，引导蓝色轮廓

Question

我是网站编程的新手，我目前正在使用Bootstrap，但我正在努力解决一个我无法解决的问题。

我有一个导航栏，其中一个链接打开一个模态，但是当模态关闭时，导航栏中的链接周围有一个蓝色轮廓。

是否可以删除此蓝框？我只是找不到造型，导致它？

Answer 1

存在可访问性的蓝色轮廓。它可以帮助人们浏览链接和标签。大多数人会建议你不要删除它。

您尚未发布您的代码（此网站上的要求），因此我不确切知道哪个元素需要样式，但这是您将添加到该元素的代码：< / p>

:focus {
  outline: 0;
}

正如Jdsfighter所说，你也可以将它添加到样式表中，以从每个元素中删除轮廓。

*:focus {
  outline: 0;
}

Answer 2

＆＃34;活跃的＆＃34;周围有一个蓝色的盒子。导航栏上的按钮，这是您单击的最后一个按钮/链接。关闭模式窗口时，该按钮仍具有活动控件。

创建一个javascript函数，当模式关闭时触发该函数以将控件的活动css属性设置为使颜色与中心栏的其余部分颜色相同。

navBarButtonClass:active,  {
    border-color:#colorofNavbar !important;
}

使用！important声明确保此css类不会被其他css语句覆盖。