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

Question

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

<input type="color">

我尝试了很多polyfill，但还没有走运。作为最后的选择，您推荐什么外部图书馆？

Answer 1

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

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

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

如何使用：

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

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

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

如果Modernizr检测到对CSS过渡的支持，则可以通过在CSS文件中编写CSS过渡来为对话框的打开和关闭添加动画效果。否则，将使用jQuery动画。

依赖关系：此脚本需要jQuery，jQuery UI和Modernizr。

希望这会有所帮助。