Bootstrap下拉菜单文字颜色

因此，我第一次使用Twitter的Bootstrap，并试图在折叠后更改下拉菜单中文本的颜色。（如果是有道理的）Bootstrap下拉菜单文字颜色

我用this site（< < < ---链接，我使用CSS），以帮助一些CSS，但我似乎无法找到合适的代码块改变的颜色正确的文字。

当您压缩网页以显示折叠菜单并进入下拉列表时，您会看到蓝色背景转移到下拉菜单项，但字体颜色为黑色，使得阅读非常困难。我想这个字体是白色的。

<nav class="navbar navbar-custom" role="navigation"> 
    <!-- Brand and toggle get grouped for better mobile display --> 
    <div class="navbar-header"> 
     <button type="button" class="navbar-toggle" data-toggle="collapse" 
       data-target="#bs-example-navbar-collapse-1"> 
      <span class="sr-only">Toggle navigation</span> 
      <span class="icon-bar"></span> 
      <span class="icon-bar"></span> 
      <span class="icon-bar"></span> 
     </button> 
     <a class="navbar-brand" href="#">ATR Notary</a> 
    </div> 

    <!-- Collect the nav links, forms, and other content for toggling --> 
    <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"> 
     <ul class="nav navbar-nav"> 
      <li class="dropdown"> 
       <a href="~/Order/Index" class="dropdown-toggle" 
        data-toggle="dropdown">Orders <b class="caret"></b></a> 
       <ul class="dropdown-menu">          
        <li><a href="~/Order/Index">View Orders</a></li> 
        <li><a href="~/Order/Create">Add Order</a></li> 
       </ul> 
      </li> 
     </ul> 
     <ul class="nav navbar-nav"> 
      <li class="dropdown"> 
       <a href="~/Notary/Index" class="dropdown-toggle" 
        data-toggle="dropdown">Notaries <b class="caret"></b></a> 
       <ul class="dropdown-menu">         
        <li><a href="~/Notary/Index">View Notaries</a></li> 
        <li><a href="~/Notary/Create">Add Notary</a></li> 
       </ul> 
      </li> 
     </ul> 

     @Html.Partial("_LoginPartial") 
    </div><!-- /.navbar-collapse --> 

</nav>

来源

2014-02-27 MaylorTaylor

你能张贴链接到该网站或者你的CSS和HTML的副本？ – GSaunders

那么，我使用的CSS就是从我在第二段中链接到的页面中拉出来的。我将用HTML编辑OP – MaylorTaylor

您应该能够使用这个CSS ..

/*-- change navbar dropdown color --*/ 
    .navbar-default .navbar-nav .open .dropdown-menu>li>a,.navbar-default .navbar-nav .open .dropdown-menu { 
    background-color: #3344ff; 
    color:#ffffff; 
    }

演示：http://www.bootply.com/113750

来源

2014-02-27 17:03:35 ZimSystem

这个工作，我所要做的就是将它改为'.navbar-custom'，用于我的特定css – MaylorTaylor

[这里]（http://stackoverflow.com/questions/21854138/changing -the-background-for-bootstrap-dropdown-a-on-hover）是另一个适用于我的工具，并且多选择下拉悬停是[here]（http://bootsnipp.com/snippets/featured/multi- level-dropdown-menu-bs3） – stom

另外，如果你使用悬停下拉菜单，删除'.open'类，它就可以正常工作。 –

应用简单的CSS和你做

见这个例子：

.navbar{height:70px; padding-top:20px; }

wi会改变高度和导航栏的填充 - 这是outter容器

.dropdown-menu{background:rgba(0,0,0,0.5); color:white; }

将改变下拉菜单的背景颜色 - 那就是在下拉菜单链接ul。我们必须了解导航栏的结构。

.dropdown-menu li>a{color:white; } 
    .dropdown-menu>li{padding:5px; border-bottom:1px solid white;border-left:1px 
       solid white;border-right:1px solid white } 
    .dropdown-menu li>a:hover{background:white; }

来源

2014-07-28 06:54:12 Rajan471

-1

以前的答案是说同样的事情相当多，但他们的语法和评论是有点混乱，对我来说，所以可能它弄得别人太... 你第一次召唤出“下拉菜单“类，然后将‘礼’这个类中的HTML元素的话，‘礼‘元素的’嵌套在中的HTML元素’，所以CSS是这样的：

.dropdown-menu li a { 
    color: white; 
}

来源

2018-02-01 17:09:00 wla312

Bootstrap下拉菜单文字颜色

回答

相关问题