Css Bootstrap 2.2.1模式错误-调用href周围的蓝色边框?
我是新来的(还有bootstrap和JavaScript),希望我不会问以前已经问过的问题。我在这里做了大量的谷歌搜索,找不到任何人提到这个具体问题 我发现了一个bug,我想是Bootstrap 2.2.1。。当您关闭一个模式时,名为的href链接现在周围有一个蓝色边框。这发生在按钮,导航项目,任何东西上。这可以在Bootstrap live演示本身上看到-单击“Modals Bootstrap modal.js”部分下的蓝色按钮“Launch demo modal”。关闭模式后,可以在按钮周围看到浅蓝色边框 这个问题让我发疯,我把CSS搞得乱七八糟,然后尝试了不同的浏览器,直到我降级了,上面的问题在bootstrap 2.0.4中没有出现Css Bootstrap 2.2.1模式错误-调用href周围的蓝色边框?,css,twitter-bootstrap,Css,Twitter Bootstrap,我是新来的(还有bootstrap和JavaScript),希望我不会问以前已经问过的问题。我在这里做了大量的谷歌搜索,找不到任何人提到这个具体问题 我发现了一个bug,我想是Bootstrap 2.2.1。。当您关闭一个模式时,名为的href链接现在周围有一个蓝色边框。这发生在按钮,导航项目,任何东西上。这可以在Bootstrap live演示本身上看到-单击“Modals Bootstrap modal.js”部分下的蓝色按钮“Launch demo modal”。关闭模式后,可以在按钮周围
有人知道这是2.2.1中的一个已知问题,还是从某个特定版本开始就存在?或者问题出在哪里?一旦找到CSS属性,这是一个非常简单的修复方法。我认为这是由于模态的焦点出现了一些问题,他们决定修改生成的html。您需要定义以下CSS。它来自以下方面
希望有帮助!我对结果做了一个jsfiddle(包括bootstrap的css+js),所以您可以观看它的一个实时演示。请注意,如果您使用的不是按钮,那么大纲可能会返回,因为我们只是在那里应用它。由于您指的是a href,很可能是从链接调用模式,因此也应该触发
a:focus
谢谢!在我的情况下,我不得不添加一个:重点也到这一点,似乎是排序现在!再次感谢!真的很有帮助。我一直在疯狂地寻找解决方案,花了我一段时间才找到这个,但效果很好!非常感谢。帮了大忙!谢谢你分享这个。我在所有按钮上都使用它作为按钮:焦点同样的问题在Bootstrap3中也继续存在。至少当你用JS打开modals的时候。
.modal-open .modal,.btn:focus{
outline:none!important
}