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文件之前引用了temp[temp < 0, -c(1,2)] <- 0文件。然后，您可以通过更具体和使用父/子选择器来覆盖 Bootstrap的样式，以确保您的样式覆盖Bootstrap，即：

<强> CSS：

bootstrap.css

小提琴：https://jsfiddle.net/mmcjLxsw/

编辑：仅供参考 - 以这种方式执行此操作可确保您不必使用.header .top-nav ul.dropdown-menu { background-color: #000; }，这可以从文档布局的级联流中解析元素样式。

Answer 2

如果您想快速更改请尝试此func resetID(sender:AnyObject!){ //function is linked to a button gameScene.resetBalloon() println("all good") //this line runs when the button is pressed }，当您更改背景时，您需要更改文字颜色，以便在此之后需要！重要;添加这种颜色：#ffffff！important;

Answer 3

请删除按钮

中的background-color:transparent

<强> HTML

    <div class="dropdown">
        <button class="btn btn-primary dropdown-toggle" onClick="myFunction()" onMouseOver="showlinks()" type="button"ata-toggle="dropdown"style="border-radius:15px 0px 15px 0px; border-color:#fff">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>

<强> CSS

.dropdown ul li
 {
   background-color:#000;
  }

.btn-primary
 {
  color:#fff;
 } 
.btn-primary:hover
{
  background:#003259;
  color:#fff;
}

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

3 个答案: