Bootstrap 2.2.1模态错误 - 调用href周围的蓝色边框？

Question

我是新来的（还有bootstrap和JavaScript），希望我不会问一个之前已经问过的问题。我在google上搜索并在这里搜索，找不到任何提到这个特定问题的人。

我发现Bootstrap 2.2.1中存在一个错误..当你关闭一个模态时，调用它的href链接现在有一个蓝色边框。按钮，导航项，任何东西都会发生这种情况。这可以在Bootstrap现场演示中看到 - 单击“Modals bootstrap-modal.js”部分下的蓝色按钮“Launch demo modal”。关闭模态后，您可以在按钮周围看到浅蓝色边框。

http://twitter.github.com/bootstrap/javascript.html#modals

这个问题让我很生气，我搞乱了CSS很多年，然后尝试了不同的浏览器，直到我降级并且上面的问题在bootstrap 2.0.4上没有出现。

有没有人知道这是2.2.1的已知问题还是自特定版本以来一直存在？或问题在这里？

Answer 1

找到CSS属性后，这是非常简单的修复。我认为它来自modal焦点的一些问题，他们决定修改生成的html。您需要定义以下CSS。它来自以下link。

.modal-open .modal,.btn:focus{
    outline:none!important
}

希望它有所帮助！我做了一个jsfiddle的结果（包括bootstrap的css + js），所以你看一下它的实时演示，here。请注意，如果您使用的不是按钮，则轮廓可能会回来，因为我们只在那里应用它。由于你指的是一个href，你很可能是从一个链接调用模态，因此也应该触发a:focus