2016-08-19 5 views
0

をクリックした後navabrでボタンを強調表示しないは、私はフォント素晴らしいとブートストラップを使用していると私は私のメニューでこれを持って

.navbar-inverse .navbar-nav > li > a:hover, 
.navbar-inverse .navbar-nav > li > a:focus { 
    color: #ffffff; 
    background-color: #006687; 
} 

このリンクをクリックすると、ヘルプページが新しいタブで開きますが、ヘルプボタンは選択したフォーカス色のまま残り、フォーム上の別の場所をクリックします。私はa:focusの部分を削除し、ちょうどa:hoverの部分を残すと思ってそれを修正しますが、それはしませんでした。 他に何をすべきですか?ここで

+0

.navbar- nav> li> a:フォーカスは、私のために働いたので、問題は他の場所です。編集:うーん、既存のページでそれをテストした後も、リンクが保持されたままになっているので、元のページに戻ってもマウスが要素上にあると見なされるので、元のページをjavascriptで再フォーカスする必要があります。 – Shilly

+0

@シャイリーはいthat'aa問題。あなたはJS側で助けてくれますか?私は多くを知らないJS – Bohn

+0

@Bohnあなたは私のjsfiddleを試しましたか? –

答えて

0

を持っていますが、それ上書き:.navbar-逆 `削除

.navbar-inverse .navbar-nav > li > a:focus { 
    // here comes your default stance, for example: 
    background-color: transparent; 
    color: #337ab7; 
} 
+0

これは私の答えの正確なコピー –

+0

@ edisoni.1337申し訳ありませんが、あなたのjsfiddleは質問に答える瞬間に私のために働いていませんでした。 – Entertain

+0

あなたは、この回答が14分前に編集されていることをはっきりと確認することができます。質問したとき、少なくとも18分前に回答にその色を書いています。だからそれは完全にコピーされた答えであることがはっきりしている:) –

1

あなたはa:focus一部を削除しないようにしてくださいそのためにjsfiddle :)

.navbar-inverse .navbar-nav > li > a:focus{ 
    text-decoration:none; 
    color: #337ab7; 
} 
+0

どこから色番号を取得しましたか?それは異なっている – Bohn

+1

要素のあなたの色はそれがクリックされる前の色です。あなたはブラウザの開発者ツールを使ってそれを得ることができます:) –

関連する問題