Html Firefox没有在所选菜单上保留css样式

我只测试了firefox和chrome，但到目前为止，我还无法在firefox上正确使用这种风格

    <div class="navbar navbar-default navbar-static-top" role="navigation">
      <div class="container">
        <div style="" class="navbar-collapse collapse in">
          <ul class="nav navbar-nav">
            <li class="active"><a href="#">Home</a></li>
            <li><a href="#about">About</a></li>
            <li><a href="#contact">Contact</a></li>
          </ul>
        </div>
    </div>
   </div>

我认为在某一点上，引导覆盖样式是一个问题

例如，如果我单击“关于”菜单，然后将鼠标从菜单上移开，则文本的颜色错误

这里是一个例子网站

---

（免费主机（对不起）：

在bootstrap.css中有一条规则：

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus
background-color: transparent;
color: #333;
}

请尝试使用以下命令进行覆盖：

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus
color: #9de0ad !important;
}

---

谢谢bootstrap让一切变得100%更复杂，但100%更好：D为什么它在没有这个的chrome中工作？有一个chrome无法捕捉的焦点事件。您可以从style.css中删除第37行，使两个浏览器都能正常工作。

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus
color: #9de0ad !important;
}