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

我想使用颜色选择器作为html输入元素来输入一些产品颜色。我使用各种颜色选择器，但不满足我的要求。但最终，我发现了Spectrum - 没有麻烦jQuery Colorpicker到我的系统。如何使用颜色选择器作为HTML输入元素

<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。当我用边缘我只显示文本框。我如何解决这个问题？

来源

2016-06-14 jabey

您可以使用颜色选择器JQuery插件。这是最好的！

链接：http://www.eyecon.ro/colorpicker

来源

2016-06-14 11:54:08

Spectrum.js“无死角jQuery的取色”是最简单，最好的拾色器绕来绕去的一个。

开源

易于使用

许多内置功能色彩。

链接

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

哎呀，同时读取的问题，我犯了一个错误。

这里是频谱工作捣鼓IE

Link

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

- 帮助:)

来源

2016-06-14 11:58:58 Help

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

回答

相关问题