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

Question

我是新来的(还有 bootstrap 和 JavaScript)，希望我不会问以前已经问过的问题。我在谷歌上做了很多搜索，但找不到任何人提到这个具体问题。

我发现了一个我认为是 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 属性，修复就非常简单了。我认为它来自模态焦点的一些问题，他们决定修改生成的 html。您需要定义以下 CSS。它来自以下link .

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

希望对您有所帮助!我制作了结果的 jsfiddle(包括 bootstrap 的 css + js)所以你可以观看它的现场演示，here .请注意，如果您使用的不是按钮，轮廓可能会返回，因为我们只在那里应用它。由于您指的是 href，您很可能是从链接调用模式，因此也应该触发 a:focus