web-dev-qa-db-ja.com

bootstrapでアクティブなクラスの色を変更する

hTMLコードでアクティブなクラスの色を変更しようとしています。ナビゲーションサイドバーを作成しています。これが私のコードです:

<div class="col-sm-2">
                <ul class="nav nav-pills nav-stacked nav-static"> <!--stacked untuk jadi vertical -->
                    <li class="active"><a>Create Case</a></li>
                    <li><a href="wf-listofcase.php">List of cases</a></li>
                    <li><a href="linksofapps.html">Links of Apps</a></li>
                </ul>
    </div>

その色を変更するには?前に感謝します。

7
sang

以下を使用できます。

.active a{
    color: red !important;
}

または、!importantを回避するには、以下を使用します。

.nav-pills > li.active > a{
    color: red;
}

[〜#〜] demo [〜#〜]

10
lmgonzalves

次のコードは、すべてのアンカータグに赤色を適用します。

a {
   color: red !important;
  }

「nav-static」ラッパー内でのみ色を適用するには、次のコードを使用します。

.nav-static .active a{
   color: red !important;
}
4
prajeesh

上記の回答がうまくいかない場合は、試してみてください-

.active a{
    background-color : red !important;
}
1
Burhan Shakir