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

Question

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

<input type="color">

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

标签： javascripthtmlinternet-explorerinternet-explorer-11

Answer 1

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

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

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

如何使用这个：

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

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

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

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

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

希望这可以帮助。