我想更改药丸的滚动颜色和事件药丸的颜色。我的 html 看起来像这样:
<div class="theme">
<div class="banner">
<h1>Sandstorm</h1>
<ul class="nav nav-pills red">
<li class="active"><a href="#">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Events</a></li>
<li><a href="#">Contact</a></li>
</ul>
</div>
</div>
我的 CSS 看起来像这样:
.red .active a,
.red .active a:hover {
background-color:red;
}
但是颜色不会改变。我错过了什么?
(我也想更改字体......但也许这太雄心勃勃了。)
最佳答案
像这样更改你的 CSS:
CSS
.red .active a,
.red .active a:hover{
background:red !important;
}
.red a:hover {
background: red !important;
color:white;
}
只需确保您定位的是您要更改的确切元素。如果您只希望 active 药丸为红色,则注释掉以下 CSS 以消除悬停颜色效果:
.red a:hover {
background: red !important;
color:white;
}
Demo JSFiddle
关于html - 尝试在 Twitter Bootstrap 中自定义导航丸,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24726364/