【发布时间】：2017-05-25 22:21:44
【问题描述】：
What my dropdown looks like 点击后变为白色。
Like this. 背景是白色的，应该是浅蓝色，这样白色文本才可读。
我尝试使用任何包含下拉菜单或 .open 的白色来更新 CSS 到不同的颜色。没有运气。
<div class="navbar navbar-inverse navbar-fixed-top">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" runat="server" href="~/">
<span class="icon-bar">
<asp:Image ID="logo" runat="server" Height="30px" ImageUrl="" Width="35px" />
</span>DT</a>
</div>
<div class="navbar-collapse collapse">
<ul class="nav navbar-nav">
<li><a runat="server" href="">Search</a></li>
<li><a runat="server" href="">Reporting</a></li>
<li><a runat="server" href="~/Help">Help</a></li>
<li class="dropwdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Views<span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a runat="server" href="">Funnel Mgmt</a></li>
<li><a runat="server" href="">Global Deal</a></li>
<li><a runat="server" href="">Regional Deal</a></li>
</ul>
</li>
<li><a runat="server" href="">Admin</a></li>
<li><a runat="server" href="">Resources</a></li>
</ul>
</div>
</div>
</div>
CSS
@media (max-width: 767px) {
.navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
border-color: #080808;
}
.navbar-inverse .navbar-nav .open .dropdown-menu .divider {
background-color: #080808;
}
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
color: #9d9d9d;
}
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover,
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
color: #ffffff;
background-color: transparent;
}
.navbar-inverse .navbar-nav .open .dropdown-menu > .active > a,
.navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover,
.navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
color: #ffffff;
background-color: #080808;
}
.navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a,
.navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover,
.navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus {
color: #444444;
background-color: transparent;
}
}
【问题讨论】：
-
嗨马里奥，欢迎来到 Stack Overflow。您提供的代码不会重现屏幕截图中的布局。请向我们提供重现您需要帮助的实际问题所需的最少代码量。
-
欢迎来到 StackOverflow！为了让我们在 CSS 方面为您提供帮助，除了 HTML 之外，您还需要提供 CSS；没有它，我们无法重现您的问题。请更新您的问题，使其在minimal, complete, and verifiable example 中显示所有相关代码。如需更多信息，请参阅有关how to ask good questions 的帮助文章，并采取tour of the site :)
-
我认为我包含的内容足以重现完整菜单
-
试着把“w”去掉，好眼力！没有修复我的白色点击选项
标签： css drop-down-menu