как удалить цвет фона по умолчанию для выбранного элемента в панели навигации для bootstrap 3

Question

Я реализовал навигационную панель, используя bootstrap 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>

Answer 1

попробуйте css код:

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

Я надеюсь, что это сработает для вас.

Answer 2

Белый фон установлен при наведении и на фокусе, поэтому вам понадобится дополнительное правило для его фокусировки.

.nav > li > a:focus, .nav > li > a:hover {
    background: none;
}