我无法使用Bootstrap更改Nav类或元素的背景颜色。其他样式会更改,例如颜色,但是背景颜色不会更改。有任何想法吗?
的HTML
<div class="row">
<div class="col-md-12">
<nav role="navigation">
<ul class="nav nav-pills nav-justified">
<li><a href="index.html">Home</a></li>
<li><a href="who.html">Who We Are</a></li>
<li><a href="our_home.html">Our Homes</a></li>
<li><a href="careers.html">Careers</a></li>
<li><a href="blog.html">Blog</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</nav>
</div>
</div>
的CSS
nav ul li a {
color:#007ECF;
border-width:1px;
border-color:#007ECF;
border-style:solid;
margin:0 .2em;
background-color: rgba(23, 134, 145, .2);
}
nav ul li a:hover {
color:red;
background-color:rgba(123, 45, 198, .9);
}
您可以对样式进行更高的偏好设置,如下所示
nav ul li a:hover {
color:red !important;
background-color:rgba(123, 45, 198, .9) !important;
}
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句