【发布时间】:2016-03-12 01:37:45
【问题描述】:
我正在使用输入类型=“颜色”。在 Chrome 和网络安全颜色上,我有一个奇怪的行为。颜色选择器上选择的颜色与事件输出的颜色不一样,见下图:
在颜色选择器的第三个选项卡上,将选择更改为web safe colors 并选择一种颜色:
jQuery('#color').change(function(e){
console.log(e.target.value)
jQuery('#result').val(e.target.value)
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="color" id="color"/>
<textarea id="result"></textarea>
输出与所选值不同。颜色选择器在 Firefox 上正常工作。知道为什么 Chrome 会有这种行为吗?
我指的是“第三个标签”:
【问题讨论】:
-
我在 Chrome 和 FX 中以 255,000,128 的价格获得 FF0080 - 这似乎是正确的。虽然我没有得到 3 个标签
-
与@mplungjan 的结果相同,没有第三个选项卡。将颜色代码解析为在线工具时,颜色值似乎是正确的。 evernote.com/shard/s98/sh/be8295ed-0e5f-4253-90e6-7b520008ad98/…
-
@Christer @ mpungjan 更新了屏幕截图。我正在使用 mac。
-
啊 - 缺少信息
-
所以.. 我设法在我得到的 Mac 上成功地做到了这一点,结果与 OP 相同。我只有一个“想法”,那就是替代。它将十六进制值替换为完全支持网络的十六进制值,该值可能完全相同,也可能不完全相同。如果您选择 #FFFFFF 颜色,它会返回正确的格式,这让我得出结论,它按设计工作。
标签: html macos google-chrome input colors