如何使用顏色選擇器作為HTML輸入元素

Question

我想使用顏色選擇器作為html輸入元素來輸入一些產品顏色。 我使用了各種顏色選擇器，但不滿足我的要求。 但最后我發現了Spectrum - The No Hassle jQuery Colorpicker到我的系統。

<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<title>Spectrum - The No Hassle jQuery Colorpicker</title>

<meta name="description" content="Spectrum is a JavaScript colorpicker plugin using the jQuery framework.  It is highly customizable, but can also be used as a simple input type=color polyfill">
<meta name="author" content="Brian Grinstead and Spectrum contributors">

<link rel="stylesheet" type="text/css" href="spectrum.css">
<script type="text/javascript" src="docs/jquery-1.9.1.js"></script>
<script type="text/javascript" src="spectrum.js"></script>

</head>
<body>
<input type='color' name='color2' value='#3355cc' />

</body>
</html>

這也適用於微軟邊緣。 但是，當我點擊添加按鈕時，我想添加更多顏色選擇。 它只適用於crome。 當我使用edge i時只顯示文本框。 我怎么解決這個問題？

Answer 1

您可以使用拾色器JQuery插件。 這是最好的！

鏈接： http ： //www.eyecon.ro/colorpicker

Answer 2

Spectrum.js“No Hassle jQuery Colorpicker”是最簡單的，也是最好的顏色選擇器之一。

開源

易於使用

許多內置的顏色功能。

鏈接

http://bgrins.github.io/spectrum/#options-showInput

哎呀我在閱讀問題時犯了一個錯誤。

這是IE的頻譜工作小提琴

鏈接

$(".basic").spectrum({
    color: "#f00",
    change: function(color) {
        $("#basic-log").text("change called: " + color.toHexString());
    }
});

-救命：）

如何使用顏色選擇器作為HTML輸入元素

問題描述

2 個解決方案

解決方案1
0 2016-06-14 11:54:08

解決方案2
0 2016-06-14 11:58:58

如何使用顏色選擇器作為HTML輸入元素

問題描述

2 個解決方案

解決方案1 0 2016-06-14 11:54:08

解決方案2 0 2016-06-14 11:58:58

解決方案1
0 2016-06-14 11:54:08

解決方案2
0 2016-06-14 11:58:58