Twitter引导程序导航栏按钮颜色变化悬停

Question

在我的Twitter引导程序网站，我有一个导航栏。它有它的按钮。
我为它们添加了“btn-success”或“btn-danger”类以用于颜色标记。
我做这个，因为当用户更改主题（css）按钮显示相对于that theme。我使用navbar-inverse。所以背景是黑色的。我将按钮链接的颜色更改为白色。但问题是当用户在按钮上悬停时，按钮变得透明并且不能读取颜色。

所以我需要导航栏按钮是可见的，即使用户悬停在它上面。悬停或不悬停时，我希望按钮颜色相同。

我的小提琴：http://jsfiddle.net/mavent/4RhhF/15/

<nav class="navbar navbar-inverse" role="navigation"> 
    <div class="navbar-header" style="text-align:center;"> 
     <div style="padding-top: 15px;"> 
      <a href="/page0" style="color:#ffffff;margin-top:40px;">Example.com</a>  
     </div> 
    </div> 
    <div class="collapse navbar-collapse"> 
     <ul class="nav navbar-nav"> 
      <li> 
       <a class="btn btn-danger" style="color:#000" href="#"> 
        <span>MyButton is very good</span> 
       </a>  
      </li> 
      <li> 
       <a class="btn btn-success" style="color:#000" href="#"> 
        <span>MyButton is very good 2</span> 
       </a>  
      </li> 
     </ul> 
    </div> 
</nav> 

Answer 1

你必须添加在您的自定义CSS文件如下：

/* This would be for the danger button... */ 
.navbar-inverse .navbar-nav>li>a.btn-danger:hover { 
    background-color: #d9534f; 
} 

/* ...and this one for the success button */ 
.navbar-inverse .navbar-nav>li>a.btn-success:hover { 
    background-color: #5cb85c; 
} 

你基本上手动重新着色每个按钮的背景颜色悬停。

这里是your updated fiddle。