如何在 2020 年使输入类型颜色在 IE-11 中工作？

Question

2020 年如何让输入类型颜色在 IE 中工作？

<input type="color">

我尝试了很多 polyfill，但还没有运气。作为最后的手段，你推荐什么外部库？

Answer 1

对于遇到此问题的任何人，这是 IE 支持的 polyfill：

https://github.com/jonstipe/color-polyfill

这是一个 polyfill，用于在当前不支持它的浏览器中实现 HTML5 <input type="color"> 元素。

如何使用：

使用起来很简单——只需在 HTML 页面的HEAD 中包含color-polyfill.js 文件。然后就可以正常使用<input type="color">元素了。

如果 Modernizr 检测到浏览器不支持 <input type="color">，脚本将用 JavaScript 驱动的颜色选择器对话框替换这些元素。

提供了一个默认的 CSS 文件。您可以编辑此文件以设置按钮和对话框的样式，使它们看起来像您想要的那样。

如果 Modernizr 检测到对 CSS 过渡的支持，您将能够通过在 CSS 文件中编写 CSS 过渡来为对话框的打开和关闭设置动画。否则，使用 jQuery 动画。

依赖项：此脚本需要 jQuery、jQuery UI 和 Modernizr。

希望这会有所帮助。