What my dropdown looks like當我點擊它變成白色。Bootstrap Dropdown CSS點擊顏色
Like this.背景是白色的,應該是一個較淺的藍色陰影,使得白色文本可讀。
我試着用任何包含下拉式或帶有白色的.open到不同的CSS來更新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;
}
}
你好馬里奧,歡迎到堆棧溢出。您提供的代碼不會在您的屏幕截圖中重現佈局。請爲我們提供最少量的代碼,以便重現您需要幫助的實際問題。 –
歡迎來到StackOverflow!爲了幫助我們使用CSS,除了HTML之外,還需要提供CSS;沒有它我們就不能重現你的問題。請更新您的問題,以便以[** minimal,complete,and verifiable example **](http://stackoverflow.com/help/mcve)顯示所有相關代碼。有關詳細信息,請參閱有關[**如何提出良好問題**](http://stackoverflow.com/help/how-to-ask)的幫助文章,並參加該網站的[**遊覽**](http://stackoverflow.com/tour)) –
我覺得我包含足夠的重現完整菜單 –