Bootstrap Navbar CSS不要なエフェクト

Question

CSSの新機能ですから、この問題を正しく説明できない場合は、私にごめんなさい。 ChromeとSafariでは発生しますが、FireFoxでは発生しません。ナビゲーションメニューのタブをクリックすると、青い四角形が表示されます。それが何であるかわからないので、どうやってそれを取り除くのか分かりません。どんな助けでも大歓迎です。ありがとう！

Answer 1

これを追加します。

.navbar-light .navbar-nav .active>.nav-link:focus { 
    outline:0; 
} 

Answer 2

最後のクリックされた要素にフォーカスを維持し、したがって、青のアウトラインが表示され、デフォルトではChromeとSafariの...

あなたが追加する必要がありますoutline:none〜:activeと:focusこの概要を避けたい要素の疑似クラス。