你能改变禁用按钮的背景颜色吗？ [复制]

Question

我目前正在制作 5 个按钮，用户按下其中一个按钮后，它们都会被禁用。我已经设法做到了，但我也会添加所选按钮的标志或颜色，但我无法让它工作。 我有 5 个这样的按钮：

<button class="btn white black-text voteBtn" id="btn1" onclick=" disableButton();"> Button 1 </button>

我使用的javascript是：

 function disableButton(){
      var elems = document.getElementsByClassName("voteBtn");
      for(var i = 0; i < elems.length; i++) {
          elems[i].disabled = true;
      };                
};

我尝试使用切换功能从那里切换额外的类和背景颜色，但我无法让它工作。有没有办法可以为所选按钮添加背景颜色？

Answer 1

如果您想更改所选按钮的背景颜色，您应该这样做：

button#change:selected {
background-color: coral;
}

如果您想在单击按钮时更改颜色，请执行以下操作：

function changeBackground() {
document.getElementById('button').style.backgroundColor = 'coral';
}