Как вы можете удалить навигация с логотипа navbar с логотипом

Двойной навигационный бренд, чтобы получить как текст, так и логотип, кажется, работает отлично. Однако легко ли удалить hover-hilite для текстовой марки? Мои ссылки и выпадающие списки делают что-то вроде этого, но я не хочу функциональности для нажатия на название бренда. Наведение неверно.

<nav class="navbar navbar-inverse navbar-fixed-top role=navigation">
    <div id="navbar-container" class="container">
        <!-- Brand and toggle get grouped for better mobile display -->
        <div class="navbar-header">
            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <!-- is it possible to turn off the hover/highlight for the text brand? -->
            <a class="navbar-brand" href="#">Codeshelf</a>
            <a class="navbar-brand" href="#"><img src="favicon.gif" width="24" height="24"></a>
        </div>
    <!-- links, dropdowns -->
    </div><!-- /.container -->
</nav>

Ответ 1

Вы можете отключить курсор на основе текста, добавив следующий CSS и убедившись, что он появился после основного загрузочного CSS файла.

.navbar-inverse .navbar-brand:hover, 
.navbar-inverse .navbar-brand:focus {
  background-color: transparent;
  color: #999999;
}

Это должно сделать трюк! здесь FIDDLE

Ответ 2

Решение Amir5000 не сработало для меня.

Вы также можете исправить это следующим образом:

<a class="navbar-brand" href="#" style="background-color: transparent !important;">Codeshelf</a>
<a class="navbar-brand" href="#" style="background-color: transparent !important;"><img src="favicon.gif" width="24" height="24"></a>

Задайте встроенное исправление CSS с помощью !important, чтобы перезаписать любые другие файлы CSS, которые изменяют этот параметр.