使用Firefox（在Chrome中工作）點擊導航欄鏈接後，焦點狀態保持不變

Question

我正在嘗試使用Bootstrap（3.2）的經典導航欄創建頁內導航。

我使用jQuery來實現滾動功能，以及刪除active類並將其添加到正確的選項卡。

問題
當導航欄點擊鏈接使用Firefox時的焦點狀態是（正常工作與Chrome瀏覽器）。

這是它的外觀，與正常的活動狀態：

，這是它的外觀我點擊項目後（它看起來應該像以前的一個，但它看起來像的焦點狀態留在）：

我在​​3210轉載此行爲。

Answer 1

兩個解決方案：

1）注重款式的變化：

.my-navbar .navbar-brand:focus { 
    color: whitesmoke; 
    background-color: #7d93f3; 
    text-shadow: 1em; 
} 

bootply

2）添加到當前類樣式非常重要的。

它將停止顏色和背景色在焦點上被覆蓋。

.my-navbar .navbar-nav > li.active > a { 
    background-color: whitesmoke !important; 
    color: #4e6cef !important; 
} 

bootply