引导菜单样式

我不能为我的生活弄清楚如何使用CSS设置引导下拉菜单的样式。引导菜单样式

我可以设法让背景颜色改变，但就是这样。链接没有下划线，悬停背景颜色不会更改。我甚至还没有开始使用向下箭头！有什么建议？

继承人的代码我尝试：

#NAV .dropdown-menu { background-color:#273961; border-bottom: 5px solid #CCC;} 
#NAV .dropdown-menu>li>a:link { background-color:#273961;} 
#NAV .dropdown-menu>li>a:hover{ text-decoration: underline;}

来源

2017-06-05 Andrew

安德鲁你好，请阅读本：在我的网站不能正常工作的东西，可我只是一个链接粘贴到它？（https://meta.stackoverflow.com/questions/254428/something-in -my-web-site-or-project-doesnt-work-can-i-just-paste-a-link-to-it），然后在问题 – Pete

希望这有助于。

ul.dropdown-menu { 
    border-bottom: 5px solid #CCC; 
} 

.dropdown-menu li:hover { 
    text-decoration: underline; 
}

我对你想在下拉菜单中使用列表项目的背景色有点困惑。这里有一个当鼠标悬停在每个链接上时改变背景色的方法的例子。在CSS属性后使用！important会在某些情况下帮助您重写任何后续规则（但它可能不是最好的方式）。我建议您打开您的Chrome开发工具并播放一下，直到您获得所需的结果。我假设你想改变列表项目的背景颜色，当你将鼠标悬停到一个不同于你指定的颜色时（＃273961），因为它已经是那种颜色了？

.dropdown-menu li a:hover { 
    background-color: red !important; 
}

来源

2017-06-05 17:24:09 Belder

中创建一个[MCVE]，我必须放入“#NAV “之前你的代码，但像一个魅力工作！谢谢。 – Andrew

太棒了......很高兴帮助安德鲁！ – Belder

不假设你知道如何设计.caret悬停？ – Andrew

引导菜单样式

回答

相关问题