如何更改懸停ul列表項目的背景顏色

Question

花費HOURs沒有成功。重塑當前電子商務網站的響應能力。施工現場：www.abundant-yarns.com。下面的圖片顯示了我想改變的背景。點擊「我們的服務」後，我希望「我們的服務」背後的灰色活動狀態爲棕褐色。當將鼠標懸停在菜單項上時，我希望藍色懸停顏色爲綠色。請協助完成這項任務。謝謝

Answer 1

.navbar-nav>.open>a, .navbar-nav>.open>a:hover, .navbar-nav>.open>a:focus { 
    color: #555; 
    background-color: red; 
} 

這將允許你改變點擊灰色背景。

.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { 
    color: #fff; 
    text-decoration: none; 
    background-color: black; 
    background-image: -webkit-gradient(linear,left 0,left 100%,from(#428bca),to(#357ebd)); 
    background-image: -webkit-linear-gradient(top,#428bca,0%,#357ebd,100%); 
    background-image: -moz-linear-gradient(top,#428bca 0,#357ebd 100%); 
    background-image: linear-gradient(to bottom,#428bca 0,#357ebd 100%); 
    background-repeat: repeat-x; 
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca',endColorstr='#ff357ebd',GradientType=0); 
    } 

這將允許您通過調整上述規則（即：背景顏色）將藍色懸停更改爲任何您想要的。

看看這是否有幫助。

我只是把隨機顏色放在那裏，所以你可以看到區別。同樣，你在這裏覆蓋Bootstrap核心CSS，所以記住它將適用於全球。