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

Question

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

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

但是......当我首先选择一种基本颜色并按确定然后从渐变颜色选择器中选择一种颜色时，按钮的颜色会改变。（用 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);

标签： color-picker

Answer 1

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