Html Boostrap：当鼠标离开时，为什么输入组按钮恢复为默认灰色？

下面是我的问题的一个形象：

我尝试使用CSS更改默认的灰色背景色。尽管我更改了

Add按钮

和

Remove按钮

的背景色，默认的灰色背景似乎仍然保持不变。我真的很感谢你在这方面的帮助

HTML

<div class="row">
        <div class="col-lg-7">
          <div class="form-group">
            <div class="input-group input-group-lg">
              <div class="input-group-btn">
                <button type="button" id="Remove-Button" class="btn btn-default" aria-label="Remove">
                  <span class="glyphicon glyphicon-minus-sign" aria-hidden="true"></span>
                </button>
              </div>
              <input type="text" name="Worksheet-Problem" class="form-control" placeholder="Problem..." aria-label="Write worksheet problem here">
              <div class="input-group-btn">
                <button type="button" id="Add-Button" class="btn btn-default" aria-label="Add">
                  <span class="glyphicon glyphicon-plus-sign" aria-hidden="true"></span>
                </button>
              </div>
            </div>
          </div>
        </div>
      </div>

---

您可能有代码

#添加按钮：悬停，#添加按钮：焦点{background:…}

您可能有代码

#添加按钮：悬停，#添加按钮：焦点{background:…
问题在于
#添加按钮：焦点
，它的引导具有默认灰色值。如果您想删除或更改它，您需要将其添加到css中。像这样

编辑：我刚刚重读了你的问题，意识到你想要两个按钮都使用它。如果您想在同一css行中定位这两个选项，这是另一个选项
问题在于
#AddButton:focus
哪个引导具有默认的灰色值。如果您想删除或更改它，您需要将其添加到css中。像这样

编辑：我刚刚重读了你的问题，意识到你想要两个按钮都使用它。如果您想在同一个css行中针对这两个对象，这是另一个选项
Nvm，我通过执行以下操作修复了自己的问题

#Add-Button, #Remove-Button {
  background-color: transparent;
}

Nvm，我通过

#Add-Button, #Remove-Button {
  background-color: transparent;
}

您没有更改：focus状态的背景色您没有更改：focus状态的背景色嗯，但是在您的第二种解决方案中，在您单击按钮，然后将鼠标重新悬停在其上后，背景色不再显示。哎哟，您是对的。这是因为我添加了
！重要信息
：focus下的背景，它将覆盖：hover one。您可以通过添加
来修复此问题！重要信息
对于像这样的悬停值，但我觉得为另一个按钮编写另一个id在这一点上更简单Lollhmm但是在第二个解决方案中，在您单击按钮然后重新悬停在itOh上后，背景色不再出现。哇，您是对的。这是因为我添加了
！重要信息
：focus下的背景，它将覆盖：hover one。您可以通过添加
来修复此问题！重要信息
对于这样的悬停值，但我觉得为其他按钮编写另一个id更简单，哈哈