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

这实际上不是错误，当您将颜色选择器设置为纯白色或纯黑色时，会调整亮度以提供所需的颜色。当您选择一个色板时，亮度会更改为该色板，所以看起来它以前不起作用，但实际上它正在工作，如果您调整亮度，您会看到颜色正确变化。您可能需要考虑纯黑色或纯白色以外的其他起始颜色。