无法使用javascript更改输入类型=颜色字段的颜色

我已经将“color”类型的输入字段包装在标签标签中，以控制输入字段的样式，正如其中一个建议的解决方案中所建议的那样

所以我有点像：

"<label class='myLabel1'><input type='color' class='myColor1' value='#ffffff'></input></label>

它不会改变输入字段的颜色。

试试这些方法

1. $('.myColor1').attr('value', '#FF0000'); 
2. $('.myColor1').prop('value', '#FF0000'); 

JS:

---

代码不应该工作，因为当标签用于伪造输入字段时，标签的CSS应该通过Javascript更新，而不是通过输入字段的颜色更新。标签颜色更改也会更改输入字段的颜色，但反之亦然。

这对我来说很好。这里到底出了什么问题？@SMAKSS你有没有试着隐藏这个区域？样式标签中的颜色不会更改。请参考链接了解确切的问题。如果输入字段中的更改是通过颜色选择器进行的，则会正确更新标签。也许我的问题用词不对。它是未更新的标签。我有on change事件，但当通过Javascript更改颜色时，它不会被触发。@Sunny请提供一个最小的、可复制的示例，以便我们提供帮助。似乎工作正常！类

myColor1

中有多少

form

元素？这可能就是问题所在。@PeterKA答案在于我提供的链接。我完全忽略了这个问题。请参阅下面的响应。很遗憾没有帮助。请尝试此-

$（'.myLabel1.myclor1'）…

。如果没有帮助，请提供您的

html

和

css

。。。。并在控制台上检查参数是否传递给属性。如果参数被传递，那么问题就不同了<代码>控制台.log（$（'.myclor1'）.attr（'value'））

1. $('.myColor1').attr('value', '#FF0000'); 
2. $('.myColor1').prop('value', '#FF0000'); 

3. var elem = document.querySelector('.myColor1'); 
   elem.setAttribute('value', '#FF0000');