Javascript 为什么'；我的边框是否更改为指定的颜色？

下面的功能是更新分数计数器，并向单击的按钮添加辉光效果，但不是添加新颜色，而是添加背景色覆盖。i、 e蓝色（背景色）覆盖边框，而不是预期的灰色

JS代码：

function updateScore(resultType, userChoice){
    if(resultType === "tie"){
        userScore = userScore + 1;
        userScore_span.innerHTML = userScore;
        computerScore = computerScore + 1;
        computerScore_span.innerHTML = computerScore;
        document.getElementById(userChoice).classList.add('gray-glow');
        setTimeout(() => document.getElementById(userChoice).classList.remove('gray-glow'), 500);

HTML:

---

您缺少边框css的实体部分

。灰色辉光{
边框：4倍纯色灰色；
盒影：0 10像素rgb（61,68,70）；
}

边框：4倍纯色灰色；你错过了很多人。我一直在疯狂地在身体上下移动密码。谢谢你帮助我，我终于可以继续我的一天了。希望你也有一个美好的一天：DYour欢迎：）很高兴成为help@HypNyx获取一个突出显示语法错误的ide，例如intellij idea社区甚至是免费的——即使是一个简单的代码编辑器也可以it@chrispbacon我使用视觉代码。我不认为缺少“solid”是语法错误。代码运行了，但没有达到我的目的。如果您可以建议其他编辑器，这将是非常有帮助的：）您拥有的是无效代码，编辑器应该强调这一点。你也可以在你的css中写些胡言乱语之类的东西，它仍然会“运行”——不管这对你意味着什么。

 <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> 

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