Bootstrap 下拉菜单切换背景颜色

Question

我有这段代码：

      <div class="dropdown">
        <button class="btn btn-secondary dropdown-toggle buttonForProfile" type="button" id="dropdownMenuButton" data-bs-toggle='dropdown' aria-haspopup="true" aria-expanded="false">
          <?php echo $_SESSION['username']; ?>
        </button>
        <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
          <a class="dropdown-item" href="#">Profile</a>
          <a class="dropdown-item" href="#">Subscriptions</a>
          <a class="dropdown-item" href="./php/signout.php">Sign out</a>
        </div>
      </div>

我添加了一些 css，现在它看起来像这样：

当我点击它时，背景变回默认：

切换下拉菜单时如何更改灰色背景？

Answer 1

 #dropdownMenuButton:focus {
   background-color: //color;
 }

PS：btn-secondary 给它的颜色是灰色，如果你自定义颜色，你不需要它。