如何使輸入類型顏色在 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。

希望這可以幫助。