如何为nav-tab的活动选项卡设置样式

Question

这是我的HTML代码。我想要css样式为活动nav-tab.Now我想我的页面加载位置选项卡应该有蓝色背景我怎么能得到

         <div id="one" class="tab-pane active">

                <div class="row">
                    <div class="col-sm-offset-10 col-md-offset-10 col-xs-offset-10 col-lg-offset-10 col-sm-2 col-md-2 col-xs-2 col-lg-2 searchDiv">
                        <div class="row">
                            <div class="col-sm-1 col-xs-1 col-lg-1 col-md-1">
                                <i class="fa fa-search fa-2x" aria-hidden="true"></i>
                            </div>
                            <div class="col-sm-1 col-md-1 col-lg-1 col-xs-1">

                                <i class="fa fa-ellipsis-v fa-2x" aria-hidden="true"></i>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="tab-pane active" id="1a">
                    <div ui-grid="gridOptions" class="grid-table" ui-grid-auto-resize ui-grid-cellNav ui-grid-edit ui-grid-resize-columns ui-grid-pinning ng-style="getTableHeight()"></div>
                </div>
            </div>

“位置”标签是活动标签

{{1}}

现在我想要在我的页面加载位置选项卡应该有蓝色背景我怎么能得到它。

Answer 1

您可以像这样使用

.tab-pane.active {
   background : blue; // or your desired color code.
}

Answer 2

试试这个

CSS

.nav li.active a,
.nav li a:hover,
.nav li.active a:focus,
.nav li.active a:hover{
  background-color:red;
}

Link for reference

希望这会有所帮助..