Question

我只测试过这是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>

，风格是

.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:active 
{
color: #9DE0AD !important;
}

我认为在某些时候引导程序覆盖样式存在问题

例如，如果我点击about菜单然后将鼠标移开，那么文字颜色错误

这是一个示例网站

（免费主持人（抱歉））：http://free-world.site40.net/

Answer 1

你的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;
}

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

1 个答案: