無法使用 javascript 更改輸入類型 = 顏色字段的顏色

Question

我已將“顏色”類型的輸入字段包裝在 label 標記中，以控制輸入字段的樣式，正如此處建議的解決方案之一所建議的那樣。

所以我有類似的東西：

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

它按預期工作。 但是，如果我嘗試更改顏色，如下所示：

   $('.myColor1').val('#FF0000');

它不會更改輸入字段的顏色。

Answer 1

試試這些方法。

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

JS：

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

代碼不應該工作，因為當 label 用於偽造輸入字段時，標簽的 CSS 應該通過 Javascript 而不是輸入字段的顏色進行更新。 Label 顏色更改也會更改輸入字段的顏色，但反之則不然。