HTML5颜色选择器-颜色未更改

Question

我注意到拾色器的行为异常。当我从基本颜色（预定义的颜色）中选择任何颜色时，按钮的颜色（html输入元素之一）就会相应地更改。

但是，当从渐变颜色选择器中选择任何其他颜色时，按钮的颜色不会改变。它将保持白色。 （注意：如果要测试，请不要先选择基本颜色或先刷新jsbin页面）

但是 ......当我第一次选择一种基本颜色并按 OK ，然后从渐变颜色选择器中选择一种颜色时，按钮的颜色将会改变。 （已通过Chrome 69测试）

视频（gif）： https://giphy.com/gifs/8vCEY7uyz8m17N0bkz

测试一下： http://output.jsbin.com/ivAhORu/1

   var i = 0;
    var inp=document.createElement("input"); 
    inp.type = 'color';
    inp.id = 'colo_'+i;
    inp.value = '#ffffff';
    inp.className = 'datafield';
    document.body.appendChild(inp);

Answer 1

这实际上不是错误，将颜色选择器设置为纯白色或纯黑色时，会调整光度以提供所需的颜色。当您选择一个色板时，其亮度会更改为该色板，因此似乎以前没有用过，但实际上它正在起作用，并且如果您调整了光度，您会看到颜色正确更改。您可能要考虑使用不同于纯黑色或纯白色的其他起始颜色。