如何关闭 html5 颜色选择器？

Question

在 OSX 上的 chrome 中，当您使用 type=color 的输入选择颜色时：

<input name="color" type="color" />

即使在选择颜色后，颜色选择器也会保持打开状态。即使您重新加载页面，它也保持打开状态。

选择颜色后如何关闭此选择器弹出窗口？

Answer 1

颜色选择器在很大程度上取决于每个浏览器、每个平台的实现。从技术上讲，没有办法作为跨浏览器解决方案以编程方式关闭颜色选择器。

您可以做的是使用 Javascript 解决方案来呈现您自己的跨平台颜色选择器，例如jscolor或类似的，它们甚至具有适当的触摸支持。

编辑：在此列表中，您可以close看到input type="color". 进一步的阅读告诉我，由于这只是一个像文本输入或范围输入这样的输入，所以它不是你可以“控制”的东西。另一种选择可能是创建您自己的。