2012-11-30 7 views
12

私はここ(また、ブートストラップとJavaScriptで)新しいですし、うまくいけば前に既に質問されていない質問をしています。私はgoogleを十分にしてここで検索し、この特定の問題を言及している人を見つけることができませんでした。ブートストラップ2.2.1モーダルバグ - hrefを呼び出す際の青い枠線ですか?

私はBootstrap 2.2.1でバグを発見しました。モーダルを閉じると、と呼ばれるhrefリンクの青い枠がになりました。これは、ボタン、ナビアイテム、何でも起こります。これはブートストラップのライブデモ自体で見ることができます - "Modals bootstrap-modal.js"セクションの青いボタン "Demo modalを起動"をクリックしてください。モーダルを閉じた後、ボタンの周囲に明るい青色の境界線が表示されます。

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

この問題は怒っ私を運転し、私は私が格下げされ、上記の問題は、ブートストラップ2.0.4上に存在しなくなるまで、別のブラウザを試してみました、その後、年齢のためのCSSを台無し。

これは2.2.1の既知の問題であるか、特定のバージョン以降に存在していたのか、誰か知っていますか?

+0

ブートストラップ3でも同じ問題が続きます。少なくともJSによってモーダルを開くときは。 – mcy

答えて

22

CSSプロパティの内容を確認したら、かなり簡単に修正できます。私はそれがモーダルの焦点に関するいくつかの問題から来たと思って、彼らは生成されたhtmlを変更することに決めました。次のCSSを定義する必要があります。これは、次のlinkに由来します。

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

希望します。私は結果のjsfiddleを作成しました(ブートストラップのcss + jsを含む)ので、あなたはそれのライブデモを見て、here。ボタンではないものを使用している場合は、アウトラインが戻ってくる可能性があることに注意してください。 hrefを参照しているので、リンクからモーダルを呼び出している可能性が高いため、トリガーする必要がありますa:focus

+2

ありがとう!私の場合、私はそれにも焦点を追加しなければならなかった:今ソートされているようだ!再度、感謝します! – deem720

+0

@deem720私の喜び –

+0

本当に役に立ちました。クレイジーのような解決策を探していましたが、これを見つけるために私はしばらくかかっていましたが、魅力のように動作します!ありがとうございました! –

関連する問題