カラーピッカーをHTML入力要素として使用する方法

カラーピッカーをHTML入力要素として使用して、いくつかの製品色を入力したいと考えています。私は様々なカラーピッカーを使用しましたが、私の要件を満たしていませんでした。しかし、Finaly私はシステムにSpectrum - No Hassle 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>

これはMicrosoftのエッジでも機能します。しかし、私は追加ボタンをクリックすると、より多くのカラーピックを追加したい。それはcromeだけの仕事です。私がエッジを使用しているときは、テキストボックスのみを表示します。どのように私はこの問題を解決する？

出典

2016-06-14 jabey

カラーピッカーJQueryプラグインを使用することができます。それは最高です！

リンク：http://www.eyecon.ro/colorpicker

出典

2016-06-14 11:54:08

Spectrum.js「いいえハッスル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()); 
    } 
});

-Helpのためのスペクトルのための作業フィドルです:)

出典

2016-06-14 11:58:58 Help

カラーピッカーをHTML入力要素として使用する方法

答えて

関連する問題