是否更改悬停链接上的引导导航栏的颜色？
是否更改悬停链接上的引导导航栏的颜色？
提问于 2013-05-18 23:35:25
我想知道当你将鼠标悬停在导航栏中的链接上时，如何改变链接的颜色，因为目前它们是一个丑陋的颜色。
谢谢你的任何建议？
HTML：
<div class="container">
<div class="navbar">
<div class="navbar-inner">
<ul class="nav">
<li class="active"><a href="#">Home</a></li>
<li><a href="#">Link One</a></li>
<li><a href="#">Link Two</a></li>
<li><a href="#">Link Three</a></li>
</ul>
</div>
</div>
</div>回答 9
Stack Overflow用户
发布于 2013-09-28 04:34:44
这样就更清晰了：
ul.nav a:hover { color: #fff !important; }没有必要比这更具体了。不幸的是，在这种情况下，!important是必需的。
出于可访问性和智能手机/平板电脑/触摸屏用户的考虑，我还将:focus和:active添加到同一声明中。
Stack Overflow用户
发布于 2015-06-26 14:31:41
您可以尝试此操作来更改悬停时的链接背景
.nav > li > a:hover{
background-color:#FCC;
}Stack Overflow用户
发布于 2013-05-18 23:45:24
确定要更改的元素的目标，并使用!important覆盖指定给该元素的任何现有样式。请确保在不是绝对必要的情况下不要使用!important声明。
div.navbar div.navbar-inner ul.nav a:hover {
color: #fff !important;
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/16625972
复制相关文章
相似问题