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

实际上并不是错误，当您将颜色选择器设置为纯白色或纯黑色时，会调整亮度以获得所需的颜色。当您选择样本时，亮度会更改为该样本，因此它似乎以前不起作用，但事实上它正在工作，如果您调整了亮度，您会看到颜色正确变化。您可能需要考虑除纯黑色或纯白色之外的其他起始颜色.