如何使用颜色选择器作为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