chromeとfirefoxのアクティブメニュー項目のバグ - Wordpress/CSS

Question

私はWordpressウェブサイトで作業していますが、このバグの修正方法はわかりません。 メニューボタンをクリックした後にページの先頭に戻ると、そのメニューボタンが色を維持します。それはクロムとFirefoxで起こる、Safariは正常に動作します。 は、私はすべての可能な回避策を試してみました:(

誰かが私を助けることができるHERE

おかげ

Answer 1

問題は、背景色がある&カラーセット:focusセレクタ。メニューをクリックすると、フォーカスがあります。あなたが上にスクロールしても、フォーカスはそこにとどまります。あなたがトップに達したので、Homeメニューはクラスactiveを得るでしょう。したがって、両方のリンクがアクティブとして表示されます。他のルールがすでに!importantを持っているので!importantを使用：フォーカス、

.navbar-default .navbar-nav > li:not(.active) > a:focus {background-color:inherit !important;color: #4c3d3d !important;}

ノートにリンクをアクティブに防止し、これを追加してみてください。どこでも!importantを使用しないことをおすすめします。

Answer 2

そのこのCSS：？

.navbar-default .navbar-nav > li > a:focus { 
    background-color: #c00000!important; 
} 

は、CSSからその参照を削除するか、それを上書きします。