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.它来自以下链接.

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

希望能帮助到你!我做了一个jsfiddle的结果(包括bootstrap的css + js),所以你在这里观看它的现场演示.请注意,如果您使用的不是按钮,则轮廓可能会回来,因为我们只在那里应用它.因为你指的是一个href,你很可能是从一个链接调用模态,因此也应该触发a:focus