13

我是新来的（还有引导程序和 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 的已知问题，还是自特定版本以来就存在？或者这里有什么问题？

4

1 回答 1

23

一旦你找到 CSS 属性是什么，这是非常简单的修复。我认为它来自模态焦点的一些问题，他们决定修改生成的 html。您需要定义以下 CSS。它来自以下链接。

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

希望能帮助到你！我对结果做了一个 jsfiddle（包括 bootstrap 的 css + js），所以你可以在这里观看它的现场演示。请注意，如果您使用的不是按钮，则大纲可能会返回，因为我们只在此处应用它。由于您指的是href，因此您很可能是从链接调用模式，因此也应该触发a:focus

于 2012-11-30T11:40:51.493 回答