可以更改禁用按钮的背景颜色吗?

时间:2020-04-13 19:21:16

标签: javascript

我当前正在制作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;
      };                
};

我尝试使用切换功能从那里切换其他类和背景色,但是我无法使其正常工作。有什么方法可以为所选按钮添加背景色吗?

1 个答案:

答案 0 :(得分:-1)

如果要更改所选按钮的背景色,则应执行以下操作:

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

如果要在单击按钮时更改颜色,请执行以下操作:

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