Twitter bootstrap 当失去焦点时,引导导航栏项会改变颜色

Twitter bootstrap 当失去焦点时,引导导航栏项会改变颜色,twitter-bootstrap,Twitter Bootstrap,我的引导菜单栏有以下问题: 当我单击“登录”然后单击“En”链接时,登录链接变为黑色 我已将背景色设置为#ee4035 我还尝试了悬停/焦点属性 对我错过的东西有什么想法吗 这是我的html的副本: 谢谢 <style> .navbar { min-height: 80px; background: #ee4035; border-width: 0px; border-radius: 0px; color: blue; }

我的引导菜单栏有以下问题: 当我单击“登录”然后单击“En”链接时,登录链接变为黑色

我已将背景色设置为#ee4035 我还尝试了悬停/焦点属性

对我错过的东西有什么想法吗

这是我的html的副本:

谢谢

<style>
    .navbar {
    min-height: 80px;
    background: #ee4035;
    border-width: 0px;
    border-radius: 0px;
    color: blue;
  }

  .navbar a {
    color: white!important;
  }

  .navbar-brand {
    padding: 0 15px;
    height: 80px;
    line-height: 80px;
    color: white;
  }

  .navbar-toggle {
    /* (80px - button height 34px) / 2 = 23px */
    margin-top: 23px;
    padding: 9px 10px !important;
  }

  .navbar-btn {
    /* (80px - button height 34px) / 2 = 23px */
    margin-top: 18px;
    margin-right: 30px;
    padding: 9px 10px !important;
    background: #f37736;
    border-width: 0px;
  }

  .navbar-text {
    margin-top: 28px;
    color: white;
  }

  .nav.navbar-nav.navbar-right li a {
    color: white;
  }

  .dropdown-menu {
    background: #ee4035;
  }

  .dropdown-menu > li > a:hover,
  .dropdown-menu > li > a:focus {
    background-color: #d6392f;
  }

  .navbar-inverse .navbar-nav > li.dropdown:hover > a,
  .navbar-inverse .navbar-nav > li.dropdown:hover > a:hover,
  .navbar-inverse .navbar-nav > li.dropdown:hover > a:focus {
    background-color: #d6392f;
  }
</style>



<nav class="navbar navbar-inverse">
  <div class="container-fluid">
    <div class="navbar-header">
      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
      <a class="navbar-brand" href="#">logo</a>
    </div>
    <div class="collapse navbar-collapse" id="myNavbar">

      <ul class="nav navbar-nav navbar-right">
        <li class="inline">
          <p class="navbar-text" style="color:white"><strong>goodmorning? </strong></p>
        </li>
        <li>
          <button class="btn btn-danger navbar-btn"> Click me</button>
        </li>
        <li class="dropdown">
          <a class="dropdown-toggle" id="user-navbar" data-toggle="dropdown" href="#"><span class="glyphicon glyphicon-user"></span> Sign in</a>
          <ul class="dropdown-menu">
            <li><a href="#">A</a></li>
            <li><a href="#">B</a></li>
            <li><a href="#">C</a></li>
          </ul>
        </li>
        <li class="dropdown">
          <a class="dropdown-toggle" id="lang-selector" data-toggle="dropdown" href="#"><span class="glyphicon glyphicon-globe"></span> En <span class="caret"></span></a>
          <ul class="dropdown-menu">
            <li><a href="#">English</a></li>
            <li><a href="#">Ellinika</a></li>
            <li><a href="#">Italian</a></li>
          </ul>
        </li>

      </ul>
    </div>
  </div>
</nav>

  </body>

</html>

navbar先生{
最小高度:80px;
背景:#ee4035;
边框宽度:0px;
边界半径:0px;
颜色:蓝色;
}
纳瓦尔先生{
颜色:白色!重要;
}
.navbar品牌{
填充:0 15px;
高度:80px;
线高:80px;
颜色:白色;
}
.导航栏切换{
/*(80px-按钮高度34px)/2=23px*/
利润上限:23px;
填充:9px 10px!重要;
}
.导航栏btn{
/*(80px-按钮高度34px)/2=23px*/
边缘顶部:18px;
右边距:30px;
填充:9px 10px!重要;
背景#f37736;
边框宽度:0px;
}
.导航栏文本{
利润上限:28px;
颜色:白色;
}
.nav.navbar-nav.navbar-right li a{
颜色:白色;
}
.下拉菜单{
背景:#ee4035;
}
.下拉菜单>li>a:悬停,
.下拉菜单>li>a:焦点{
背景色:#d6392f;
}
.navbar inverse.navbar nav>li.下拉菜单:悬停>a,
.navbar inverse.navbar nav>li.下拉菜单:悬停>a:悬停,
.navbar inverse.navbar nav>li.下拉菜单:悬停>a:焦点{
背景色:#d6392f;
}
  • 早安

  • 点击我

如果你的问题是你不想让链接的颜色改变,或者换句话说,你不想在鼠标悬停和/或单击时看到链接上的任何样式,那么你可以通过手动修改相应的类来实现,无论你在使用哪个类,或者如果你可以提供内联样式,则可以更好(始终尽量避免使用您在.css文件中提供的所有样式或样式标记下提供的所有样式)选择在不同情况下的显示方式。 兄弟,如果您允许我更有效地帮助您,那么请编辑您的JSFIDLE文件,因为它是空的,并且您的问题陈述中没有太多明确的内容

关于链接变黑,直接使用引导类有时会出现问题,因为引导类在引导css中设置了背景色。因此,当您切换已设置的背景色时,会显示出来。您必须根据自己的喜好进行设置


例如,如果下拉切换类上的默认颜色设置为背景色:#111111;和/或#E5假设,这就是为什么悬停时会出现深色。

如果您的问题是不想更改链接的颜色,或者换言之,您不想在悬停和/或单击时看到链接上的任何样式d然后,您可以手动修改相应的类(无论您使用的是哪个类),或者更好,如果您可以提供一个内联样式(总是尽量避免这样做,因为它覆盖了您在.css文件中或样式标记下提供的所有样式),您可以选择在不同的情况下如何显示它。 兄弟,如果您允许我更有效地帮助您,那么请编辑您的JSFIDLE文件,因为它是空的,并且您的问题陈述中没有太多明确的内容

关于链接变黑,直接使用引导类有时会出现问题,因为引导类在引导css中设置了背景色。因此,当您切换已设置的背景色时,会显示出来。您必须根据自己的喜好进行设置


例如,如果下拉切换类的默认颜色设置为背景色:#111111;和/或#E5E5,这就是为什么悬停时会出现深色。

我想你需要更新你的jsfiddle链接我想你需要更新你的jsfiddle链接我最后解决了这个问题。这是我自定义css的问题。谢谢你的支持答案。非常有用。我最后解决了它。这是我的自定义css的一个问题。谢谢你的回答。非常有用