2016-08-19 84 views
0

我使用的字體真棒和引導後,我有這在我的菜單:不凸顯navabr按鈕點擊

<li><a href="/help/index.htm" target="_blank"><i class="fa fa-question-circle"></i> Help</a></li> 

,我看了CSS四周,這是影響色彩的部分:

.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逆.navbar- nav> li> a:focus從css爲我工作,所以問題在別處。編輯:嗯,測試它與現有的頁面後,鏈接保持徘徊,你可能不得不重新調整與JavaScript的原始頁面,因爲ity似乎鼠標仍然被認爲是在元素返回到該選項卡。 – Shilly

+0

@Shilly是的,這是一個問題。你能幫助JS方面嗎?我不知道太多JS – Bohn

+0

@波恩你試過我的jsfiddle嗎? –

回答

0

儘量不要去除a:focus部分,但覆蓋它:

.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

在這裏,你有一個jsfiddle :)

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

你從哪裏得到該顏色編號?它是不同的 – Bohn

+1

您的元素的顏色是它被點擊之前的顏色。你可以使用你的瀏覽器開發工具來得到:) –