Question

下面的功能是更新分数计数器，并且还为单击的按钮添加发光效果，但不是添加新颜色，而是替换了背景颜色。即蓝色（背景色）代替了预期的灰色。

JS代码：

 <div class="choices">
        <div class="choice" id="rock">
            <img src="assets/rock.png" alt="">
        </div>
        <div class="choice" id="paper">
            <img src="assets/paper.png" alt="">
        </div>
        <div class="choice" id="scissors">
            <img src="assets/scissors.png" alt="">
        </div>
    </div>

HTML：

.gray-glow{
    border: 4px gray;
    box-shadow: 0 0 10px rgb(61, 68, 70);
}

css：

numpy

Answer 1

您缺少边框css的固定部分

.gray-glow{
    border: 4px solid gray;
    box-shadow: 0 0 10px rgb(61, 68, 70);
}

<div class="choices">
        <div class="choice gray-glow" id="rock">
            <img src="https://via.placeholder.com/150" alt="">
        </div>
        <div class="choice" id="paper">
            <img src="https://via.placeholder.com/150" alt="">
        </div>
        <div class="choice" id="scissors">
            <img src="https://via.placeholder.com/150" alt="">
        </div>
    </div>

为什么我的边框没有更改为指定的颜色？

1 个答案: