如何更改下拉菜单按钮的颜色答案

【问题标题】：How to change the color of the dropdown menu button如何更改下拉菜单按钮的颜色
【发布时间】：2018-06-05 11:23:46
【问题描述】：

当我单击下拉菜单上的按钮时，我想将颜色从黑色更改为透明。

当我点击按钮时如何改变？我不希望下拉菜单颜色为黑色，而是透明的，因为颜色在我的背景图像上看起来很奇怪。这是下拉菜单的编码：

<nav class="navbar navbar-inverse">
  <div class="container-fluid">
    <div class="collapse navbar-collapse" id="myNavbar">
      <ul class="nav navbar-nav">
        <li class="dropdown">
          <a class="dropdown-toggle" data-toggle="dropdown" href="#">Candidates<span class="caret"></span></a>
          <ul class="dropdown-menu">
            <li><a href="#">Name 1</a></li>
            <li><a href="#">Name 2</a></li>
          </ul>
        </li>
      </ul>
    </div>
  </div>
</nav>

【问题讨论】：

标签： html css twitter-bootstrap drop-down-menu

【解决方案1】：

您必须将 css 代码包装到您的按钮，否则它已经有类。因此，您可能会为该类包装到 css 如下所示

.dropdown-toggle{
     background-color: transparent ;
}

否则您必须将元素上的 .navbar-inverse 替换为 navbar-default

<nav class="navbar navbar-default">
  your code here
</nav>

【讨论】：

透明度 ??