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的频谱工作小提琴

Link

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

- 帮助：）

如何使用颜色选择器作为HTML输入元素

2 个答案: