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



我是这里的新手(也熟悉引导程序和JavaScript),希望我不会问以前问过的问题。我在谷歌上搜索了很多,在这里找不到任何人提到这个特定的问题。

我在Bootstrap 2.2.1中发现了一个错误。当你关闭一个模态时,名为的href链接现在有一个蓝色边框。这种情况发生在按钮、导航项目或任何东西上。这可以在Bootstrap实时演示中看到-点击"Modals Bootstrap modal.js"部分下的蓝色按钮"Launch demo modal"。关闭modal后,你可以看到按钮周围的浅蓝色边框。

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

这个问题让我很生气,我把CSS搞砸了很长时间,然后尝试了不同的浏览器,直到我降级,上面的问题在bootstrap 2.0.4上不存在。

有人知道这是否是2.2.1的已知问题,或者从特定版本开始就存在了吗?,或者这里有什么问题?

找到CSS属性后,这是一个非常简单的修复。我认为这是由于模态的焦点出现了一些问题,他们决定修改生成的html。您需要定义以下CSS。它来自以下链接。

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

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

最新更新