如何更改活動導航欄的背景顏色？

我用引導程序，我想將活動頁面背景更改爲綠色，但它不起作用。如何更改活動導航欄的背景顏色？

.navbar-inverse { 
 
    color: #fff; 
 
    background-color: #4CAF50; 
 
}

<nav class="navbar navbar-inverse"> 
 
    <div class="container-fluid"> 
 
    <div class="navbar-header"> 
 
     <div class="logo"> 
 
     <img src="images/logo.png"> 
 
     </div> 
 
    </div> 
 
    <ul class="nav navbar-nav"> 
 
     <li class="active"><a href="index.html">Home</a></li> 
 
     <li><a href="about.html">About</a></li> 
 
     <li><a href="contact.html">Contact</a></li> 
 
    </ul> 
 
    <ul class="nav navbar-nav navbar-right"> 
 
     <li><a href="#"><span class="glyphicon glyphicon-log-in"></span> Logout</a></li> 
 
    </ul> 
 
    </div> 
 
</nav>

當我改變「檢查元素」的背景色它就像一個魅力。我不知道該怎麼試。

謝謝！

來源

2016-05-01 funkyz0r

你的意思是你想改變積極的HREF項的背景色？如果是的話，你可以試試這個： .navbar-inverse .navbar-nav .active a { color：#fff; background-color：＃4CAF50; } –

我在我的電腦上測試了你的代碼，它完美地工作。

爲什麼它不適用於你我猜，因爲你正在鏈接你的CSS Bootstrap in HTML。爲了覆蓋Bootstrap的CSS，您需要鏈接自定義CSS 後 Bootstrap。

如：

<link href="bootstrap.css" ...> 
<!-- put your custom css after bootstrap --> 
<link href="my-custom-style.css" ...>

來源

2016-05-01 03:10:19 xyres

如何更改活動導航欄的背景顏色？

回答

相關問題