我正在开发一个Web应用程序,当用户从中选择颜色时,该应用程序将使用javascript在页面上执行某些操作<input type="color">
。
问题是<input type="color">
在Chrome,Firefox和Safari上的行为有所不同:
<input type="color">
,不会弹出外部拾色器窗口input
仅当1)发生值更改,以及2)随后随后关闭颜色选择器窗口(在Mac上为EDIT ... )时,元素的值才会更改(在Mac上为…)用户必须单击“确定”按钮以确认值更改,而不仅仅是关闭窗口)Chrome的行为非常理想:
<input type="color">
提供一个颜色选择器弹出窗口input
更改值时,元素的值都会更改(在colorpicker窗口关闭之前)这是一个带有香草味的代码笔,<input type="color">
当在所有3个浏览器上进行检查时,都可以证明此问题。
如何使用JavaScript和/或CSS<input type="color">
从Firefox和Safari中获取Chrome行为?
编辑有关Safari疯狂的事情是,他们的文件说,该color
输入类型是:
用于指定RGB颜色值的输入控件。用户可以从颜色井中选择一种颜色
恐怕我们还没有在开发中使用这种输入类型。最好的解决方案是使用跨浏览器插件。
您可以在http://caniuse.com/#search=color上看到对color元素的支持。
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句