13

私はここで（そしてブートストラップと JavaScript も）初めてで、以前に尋ねられた質問をしていないことを願っています。私はたくさんグーグルで検索し、ここで検索しましたが、この特定の問題について言及している人を見つけることができませんでした.

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 の既知の問題なのか、それとも特定のバージョンから存在していたのか、またはここに何が問題なのか、誰にもわかりませんか?

4

1 に答える 1

23

CSSプロパティが何であるかを見つけたら、それは非常に簡単な修正です. モーダルのフォーカスに問題があり、生成された html を変更することにしたと思います。次の CSS を定義する必要があります。次のリンクから来ます。

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

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

于 2012-11-30T11:40:51.493 に答える