输入类型颜色默认颜色输入为十六进制答案

【问题标题】：input type color default color input as HEX输入类型颜色默认颜色输入为十六进制
【发布时间】：2021-05-24 21:15:37
【问题描述】：

我正在编写一个具有输入类型颜色的表单。当您单击它时，您会看到一个颜色选择器，以及默认颜色的 rgb 值。我想知道是否有办法将 HEX 颜色作为默认值。如this 示例。默认情况下，它看起来像图像的左侧，我希望它像图像的右侧一样。我不知道这是否可能。谢谢你:)

【问题讨论】：

您可能喜欢阅读例如[链接]developer.mozilla.org/en-US/docs/Web/HTML/Element/Input/color 其中解释了如何显示颜色选择器取决于每个浏览器 - 这不是标准。如果您希望您的界面至少在最常见的浏览器上看起来相同，并且默认为十六进制，您将必须对输入实现自己的“前端”（或找到其他人的代码已经完成）。跨度>

【解决方案1】：

颜色选择器由浏览器按原样提供，下拉菜单的显示方式与浏览器定义的相同。

虽然有一种方法可以改变它的某些外观，但你不能随心所欲地深入。另请注意，您所看到的是 chrome 如何显示颜色选择器，其他浏览器显示它的方式完全不同，如果您在 Firefox 或 Safari 中打开它，它会有所不同。如果您想更深入地了解该主题，我发现this 文章非常深入。

但是，如果您想要更加定制化的用户体验，您可以搜索 javascript 颜色选择器库并找到最适合您需求的库，甚至可以为其编写自定义实现。

【讨论】：

【解决方案2】：

默认拾色器无法将 HEX 设置为默认值。您可以更好地使用这个库，它有多种类型的颜色选择器可以满足您的需求。

【讨论】：