2016-08-18 123 views
1

我想更改導航欄中選定選項卡或訪問頁面的背景顏色,我看到bootstrap css如何在懸停和訪問時具有背景色,但我不確定是否應該覆蓋引導CSS或添加幫助類來實現此任務。如何在選擇時更改導航欄列表項背景顏色?

main.html中

<nav class="navbar navbar-default"> 
    <div > 
     <div class="collapse navbar-collapse"> 
      <ul class="nav navbar-nav"> 
       <li><a ui-sref="app.dit">DIT</a></li> 
       <li><a ui-sref="app.st">ST</a> 
       <li><a>UAT</a></li> 
       <li><a>PROD</a></li> 
      </ul> 
     </div> 
    </div> 
</nav> 

回答

0

在你將覆蓋引導兩種方式。你需要申請 CSS的變化是:

/* unvisited link */ 
a:link { 
    color: green; 
} 

/* visited link */ 
a:visited { 
    color: green; 
} 

/* mouse over link */ 
a:hover { 
    color: red; 
} 

/* selected link */ 
a:active { 
    color: yellow; 
} 
+0

我只是想盡快凸顯當前訪問的選項卡,用戶導航至其他頁面標籤應到默認即可,也只有它改變文字顏色可以改變我們的背景,以及。 – hussain

+0

/*選定的鏈接*/ a:active {background} color:yellow; } – Roktheman

+0

這只是懸停背景顏色應保持活動,直到用戶在當前頁面上 – hussain

相關問題