#追記します。
タブの色を以下のように設定したいです。以下画像を踏まえ記載いたしました
#その1を押した時
指定の通りコードを書くと「その1」を茶色にする事ができました。ありがとうございます。イメージ通りです。
#その2を押した時
しかし、「その2」を押すと
「その2」が茶色になりません。
「その1」の背景は透明にしたいですが茶色のままです。
#その3を押した時
「その1」の背景は透明にしたいです。いまは茶色のままです。
「その2」は背景が透明になっててこのままでOKです。。
「その3」は背景を茶色にしたいです。
お世話になります。BOOTSTRAPのタブの色を変更したいです。宜しくお願いいたします。
#やりたいこと BOOTSTRAPのタブの色を変更したいです。
上記のタブの色を変更したいです。変更したい色は2色ですがCSSで指定したものの変更されず困っております。
左側のタブの「その1」の文字の背景の青部分
その2、その3の文字色
変更したい色は上記2色です。
#ためしたこと
.nav-item .nav-link .active{ color: #fff!important; background-color: brown!important; }
#ソース
<ul class="nav nav-pills nav-justified"> <li class="nav-item"> <a href="#photo1" class="nav-link active" data-toggle="tab">その1</a> </li> <li class="nav-item"> <a href="#photo2" class="nav-link" data-toggle="tab">その2</a> </li> <li class="nav-item"> <a href="#photo3" class="nav-link" data-toggle="tab">その3</a> </li> </ul> <div class="tab-content"> <div id="photo1" class="tab-pane active"> <p>あああああ</p> </div> <div id="photo2" class="tab-pane"> <p>いいいいい</p> </div> <div id="photo3" class="tab-pane"> <img src="images/photo3.jpg" class="img-fluid" alt=""/> </div> </div>
回答2件
あなたの回答
tips
プレビュー