2017-08-01 80 views
-1

https://github.com/cooperlappenbusch/coopernaumwebsite引導導航欄背景我是新來引導改變的時候,我希望它不會改變

我有在引導的導航欄的一些問題,我主要是做編程的話,我有一個很難找到一個答案我所看到的大多數結果與我想要的相反。

我希望我的導航欄列表來變化的背景,當我在它懸停,我試圖設置背景顏色將鼠標懸停在列表項目的時候,我已經嘗試了一堆其他的東西,但沒有似乎工作。

請幫助我,如果你可以。

TL; DR:當我懸停在我的導航欄中的列表項上時,我想讓背景顏色不變。

(如果你願意,甚至不看代碼,只是給我這類問題的一些基本技巧)

回答

0

你應該可以做這樣的事來強制顏色。

.navbar a:focus, .navbar a:hover, .navbar a { 
    background:blue !important; 
    color:black !important; 
} 
+0

謝謝!這幫了我很多,現在我明白如何編輯主引導來定製我的網站,非常感謝! –

0

你可以用CSS解決這個問題,但我會給jQuery的解決方案

$(document).ready(function(){ 
var navs = $('.nav')// all navs or links 
var orgStyle = navs.first().CSS('background-color') 
navs.mouseover(function(){ 
$(this).CSS('background-color', orgStyle); // reset to the 
org style 
}); 
}); 

完成。 這是我的手機的一個例子,所以很抱歉我的壞扇區

0

導航欄菜單項獲取灰色的背景,因爲對於:focus錨元件上的CSS規則在bootstrap.css

預先定義可以覆蓋使用下面的CSS規則。

試用此CSS。

.navbar .nav li a:hover, 
    .navbar .nav li a:focus{ 
     background-color:transparent; 
    }