html - 如何在引导程序 3 的导航栏中删除所选项目的默认背景颜色

Question

我已经使用引导程序 3 实现了一个导航栏。在导航栏中选择列表后，活动链接会出现白色背景。我应该如何删除它。在此处输入图像描述

<div id="navbar" class="collapse navbar-collapse">
                    <ul class="nav navbar-nav" id="nav">
                      <li class="active"><a  href="#" data-tab='main'>Home</a></li>
                      <li><a  href="#aboutus" data-tab="aboutus">About</a></li>
                      <li><a href="#gallery" data-tab="gallery">Gallery </a></li>
                      <li><a href="#career"  data-tab="career">career</a></li>
                    </ul>
                  </div>

标签： htmlcsstwitter-bootstrap-3bootstrap-4

Answer 1

试试这个CSS代码：

#nav .active, #nav > li > a:focus{
    background: transparent;
}

我希望它对你有用。