在twitter-bootstrap中更改活动的"nav-pills“颜色

Question

当我点击nav-pills的按钮时，我正在尝试改变颜色，实际上我想删除这个操作，当我点击时，就像这样：

Img链接：http://i.stack.imgur.com/PuoYX.png (因为我还不能发布图片)

在“流”按钮中，当我单击它时会发生这种情况，但我不希望发生任何事情，或者至少更改为与我的悬停操作相同。

html：

<div class='navizinha'>

            <ul class="nav nav-pills nav-stacked">
                <li><a href='#'>Início</a></li>
                <li><a href='#'>Inscrição</a></li>
                <li><a href='#'>Stream</a></li>
                <li><a href='#'>Tabela</a></li>
                <li><a href='#'>F.A.Q</a></li>
            </ul>

        </div>

和我的css：

.nav-pills a {
    color: #ffffff
}

.nav-pills a:hover {
    color: #560000;
    border-radius: 0px;
}

.nav-pills .active a:hover {
    color: #560000;
    border-radius: 0px;
}

Answer 1

如果我理解正确的话，您还需要通过CSS来定位:focus状态，如下所示：

.nav>li>a:hover,
.nav>li>a:focus {
    text-decoration: none;
    background-color: #560000;
}

Answer 2

或者你也可以试一试

.nav-pills>li.active>a, .nav-pills>li.active>a:hover, .nav-pills>li.active>a:focus{
background-color:yourBgColor;
color:yourLinkColor;
}

来自this link