Twitter bootstrap 3 如何从带有徽标的navbar品牌中删除悬停

Twitter bootstrap 3 如何从带有徽标的navbar品牌中删除悬停,twitter-bootstrap-3,Twitter Bootstrap 3,双navbar品牌可以同时获得文字和徽标,看起来效果很好。但是,删除文本品牌的悬停hilite是否容易?我的链接和下拉列表确实有用,但我不想要点击品牌名称的功能。悬停是误导 切换导航 您可以通过添加以下CSS并确保它位于核心引导CSS文件之后来禁用文本品牌悬停 .navbar inverse.navbar品牌:悬停, .navbar反向。navbar品牌:焦点{ 背景色:透明; 颜色:#999999; } 那就应该成功了!这里有一个Amir5000的解决方案对我不起作用 您还可以通过以下方法

双navbar品牌可以同时获得文字和徽标,看起来效果很好。但是,删除文本品牌的悬停hilite是否容易?我的链接和下拉列表确实有用,但我不想要点击品牌名称的功能。悬停是误导


切换导航

您可以通过添加以下CSS并确保它位于核心引导CSS文件之后来禁用文本品牌悬停

.navbar inverse.navbar品牌:悬停,
.navbar反向。navbar品牌:焦点{
背景色:透明;
颜色:#999999;
}

那就应该成功了!这里有一个

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修复!重要信息
覆盖修改此设置的任何其他CSS文件。

谢谢。这确实有影响。在倒置的导航栏上,它使文本品牌在悬停时完全消失(因为它在拾取倒置的背景时变得透明)。不完全是我想要的。我希望将鼠标悬停在文本品牌上,使其完全没有悬停效果。@JonR我更新了答案,使其与悬停文本的默认文本颜色相匹配,并添加了一个JSFIDLE。感谢Nathan提供的英文修复。这不是我的主要语言;)