javascript - js中按钮的背景颜色没有改变

Question

加载页面后，我正在尝试更改按钮的背景颜色。我可以禁用按钮，但背景颜色不会改变。我使用 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>

Answer 1

Bgcolor 是随着级联样式表的实现而被弃用的属性之一（请参阅 CSS 背景）。在此处输入链接描述

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

Answer 2

它必须是一个布尔值

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

那是发生在你身上的错误