Javascript js中按钮的背景色不变

我试图在页面加载后更改按钮的背景色。我可以禁用按钮，但背景颜色不变。我使用JotForm创建了此表单。这是我的密码：

function Lock(){
     document.getElementById("input_11").disabled = "true"
     document.getElementById("input_11").bgcolor="grey";
}

我试图更改的按钮：

   <div id="cid_11" class="form-input-wide" data-layout="full">
      <div data-align="center" class="form-buttons-wrapper form-buttons-center jsTest-button-wrapperField">
        <button id="input_11" type="submit" class="form-submit-button submit-button jf-form-buttons jsTest-submitField" data-component="button" data-content="">
          Edit
        </button>
      </div>
   </div>

编辑

它需要是一个布尔值

document.getElementById("input_11").disabled = true

---

这就是发生在您身上的错误

Bgcolor是在实现层叠样式表时被弃用的属性之一（请参见CSS背景）

函数锁（）{
document.getElementById（“input_11”）.disabled=true
document.getElementById（“输入11”）.style.backgroundColor=“灰色”；
}

document.getElementById（“input_11”）.disabled=“true”

没有意义。禁用的

getter/setter是一个布尔值，而不是字符串<代码>bgcolor

不是按钮上存在的属性。为什么不简单地创建一个CSS规则，比如

按钮[disabled]{background color:gray；}

？。bgcolor不存在，请使用.style.backgroundcolor欢迎使用堆栈溢出！虽然这段代码可能会解决这个问题，包括如何以及为什么解决这个问题的解释将真正有助于提高您的帖子质量，并可能导致更多的投票。请记住，你是在将来回答读者的问题，而不仅仅是现在提问的人。请在回答中添加解释，并说明适用的限制和假设。感谢您对堆栈溢出做出的贡献。但请使用可信任的最新来源，如将您的答案记录在.@KevinM.Mansour，谢谢您的建议。我只得到了堆栈溢出的帮助，但我正在尽我最大的努力帮助那些技能不足的人：）我以后会小心的。再次感谢。（啊！您提到的部分已被MDN站点上的查找信息所取代。）