2017-02-15 73 views
2

我期待在devtools,它是揭示下面的代碼:引導導航焦點和懸停不會改變

.nav>li>a:focus, .nav>li>a:hover { 
    text-decoration: none; 
    background-color: #eee; 
} 

的問題是,我在CSS文件改變這些,它不會讓我擺脫了灰色的背景色。我如何覆蓋它? 在此先感謝。

編輯:結束了是一個UI路由器問題,而不是一個CSS問題。對不起,大家,謝謝你的疑難解答。更改:

<li ng-class="{active: stateis('app.contact')}" ui-sref-active="active"> 
    <a ui-sref="app.contact"><i class="fa fa-phone"></i> Contact</a> 
</li> 

要這樣:導航下課

<li ui-sref-active="active"> 
    <a ui-sref="app.contact"><i class="fa fa-phone"></i> Contact</a> 
</li> 

,並固定

+0

你能添加更多的細節。這些CSS規則在哪裏指定?在你的代碼中,或者你導入了一些第三方庫。 – chinmayv

+0

我加了Bootstrap。在devtools中,似乎背景顏色:#eee被刪除,但是當我點擊一個按鈕並將鼠標光標移出按鈕時,它會顯示出來。我希望它保持穩定的藍色。所以我將上面的代碼添加到了我的css中並更改了顏色。 – tcoulson

回答

1

刪除 「>」。請試試這個:

.nav li>a:focus, .nav li>a:hover { 
    text-decoration: none; 
    background-color: red; 
} 

退房working fiddle

+0

今晚我會試一試。謝謝。 – tcoulson

+0

沒有解決問題。當我推出.nav按鈕時仍然獲得eee背景。 – tcoulson

+0

我發現這個問題,它最終不是一個CSS問題,而是一個UI路由器問題。 – tcoulson