如何更改悬停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，所以记住它将适用于全球。