twitter-bootstrap - 如何在 Bootstrap 中更改下拉内容菜单的背景颜色

Question

谁能帮我看看

这是我的代码:

<div class="dropdown">//I used Bootstrap
 <button class="btn btn-primary dropdown-toggle" onClick="myFunction()" onMouseOver="showlinks()" type="button" data-toggle="dropdown" style="border-radius:15px 0px 15px 0px; background-color:transparent; border-color:grey">Menu                
<span class="caret">
   </span>
  </button>
  <ul class="dropdown-menu">
     <li><a href="#">Login</a></li>
     <li><a href="#">Contact Us</a></li>
  </ul>
 </div>

Answer 1

首先，确保在您编写任何自定义 CSS 文件之前引用您的 bootstrap.css 文件。然后，您可以通过更具体并使用父/子选择器来确保您的样式覆盖 Bootstrap 的样式，从而覆盖 Bootstrap 的样式，即:

CSS:

.header .top-nav ul.dropdown-menu {
  background-color: #000;
}

fiddle :https://jsfiddle.net/mmcjLxsw/

编辑:仅供引用 - 这样做可以确保您不必使用 !important，它可以从文档布局的级联流中提取元素样式。