我是这里的新手(还包括 bootstrap 和JavaScript),希望我不问以前已经问过的问题。我在Google上做了很多搜索,并在这里搜索,但找不到任何提及此特定问题的人。
我在Bootstrap 2.2.1中发现了一个我认为的错误..当您关闭一个模式时,称为的href链接现在在其周围带有蓝色边框。这发生在按钮,导航项等任何东西上。这可以在Bootstrap实时演示本身上看到-单击“模块自举式trap-modal.js”部分下的蓝色按钮“启动演示模态”。关闭模态后,您可以在按钮周围看到浅蓝色边框。
http://twitter.github.com/bootstrap/javascript.html#modals
这个问题使我发疯,我花了很长时间才弄乱CSS,然后尝试使用不同的浏览器,直到我降级并且在Bootstrap 2.0.4中不存在上述问题。
有谁知道这是2.2.1的已知问题,还是自特定版本以来就存在?或者这是什么问题?
最佳答案
找到CSS属性后,这是非常简单的修复。我认为它来自于模式焦点的某些问题,因此他们决定修改生成的html。您需要定义以下CSS。它来自以下link。
.modal-open .modal,.btn:focus{
outline:none!important
}
希望能帮助到你!我对结果进行了jsfiddle(包括bootstrap的css + js),以便您观看它的实时演示here。请注意,如果您使用的不是按钮,则轮廓可能会回来,因为我们仅在此处应用轮廓。由于您引用的是href,因此很可能是从链接中调用了模式,因此也应该触发
a:focus
关于css - Bootstrap 2.2.1模式错误-调用href周围的蓝色边框?,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/13644262/