我正試圖讓& quot點擊& quot我的引導下拉菜單的背景顏色是紅色，而不是默認的藍色。

<div class="input-group mb-3">
        <div class="input-group-prepend">
            <button class="btn btn-outline-danger dropdown-toggle" type="button" data-toggle="dropdown"
                aria-haspopup="true" aria-expanded="false" id="dropdowns" id="chosen-q10">Make a Selection<span
                    class="caret"></span></button>
            <ul class="dropdown-menu" id="dropdown-q10">
                <li class="dropdown-item" data-value="#">1 (Strongly Disagree)</li>
                <li class="dropdown-item" data-value="#">2 (Disagree)</li>
                <li class="dropdown-item" data-value="#">3 (Neutral)</li>
                <li class="dropdown-item" data-value="#">4 (Agree)</li>
                <li class="dropdown-item" data-value="#">5 (Strongly Agree)</li>
            </ul>
        </div>
    </div>

我得到的代碼是:

.input-group .input-group-prepend .btn .dropdown-menu > li.open:focus {
  background-color: red;
}

但這顯然是不正確的。有人能幫我解釋一下嗎？

你應該使用active而不是focus，為什么不像這樣使用“下拉列表項”類呢

.dropdown-item:active {
background-color: red;
}

這里有一把小提琴 https://jsfiddle.net/qz30w18o/1/