Javascript 如何从html输入类型=颜色更新颜色

我正在实现一个界面，允许用户与画布交互，当按下具有先前定义颜色的图形时，我能够通过图形颜色值更新输入颜色值，但输入按钮上的颜色不会改变

换句话说，这里的问题是，在更新输入[type=color].value时，输入颜色（默认为黑色）不会根据其值而改变

我一直在检查更新后的输入值，并将其与选定的图形颜色值进行比较，它们匹配，但我仍然不知道为什么输入颜色没有改变

以下是html代码：

<dt>Other</dt>
                  <dd>Filled:
                  <input type="checkbox" style="float:inherit; cursor:pointer" id="Filled"></dd>
                  <dd>Color:
                  <input type="color" style="float:inherit; cursor:pointer"  id="Color"></dd>

其中mySel是选定的形状

---

谢谢大家

这是如何更新颜色类型输入的值。请注意，您只需更新其value属性，颜色就会自动更改

var colorInput=document.getElementById（“testInput”）；
setInterval（函数（）{
如果（colorInput.value==“#00ff00”）{
colorInput.value=“#ff0000”；
}
否则{
colorInput.value=“#00ff00”；
}
}, 1000);
我正在执行此操作，但更改其值后颜色仍为黑色。新输入值是否使用大写字母很重要？@CyrilBeeckman很抱歉，请先在此处发布评论样式。@EduFarré您最好编辑问题。不在注释中添加代码。
document.getElementById("Filled").checked = mySel.filled;
document.getElementById("Color").value = mySel.fill;