如何做一個顏色拾取只是一個範圍的顏色

一個ColorPicker在這裏你可以挑選一些色彩，但僅從這40種顏色。我不想爲每種顏色使用一個eventlistener。我認爲應該可以像<select>元素那樣做，但是怎麼做？

2015-09-21 progNewbie

我建議你使用這個庫，以節省一些時間和很多頭痛。例如。 [this]（https://github.com/evoluteur/colorpicker）看起來不錯，如果你使用Jquery的話。那裏有很多選擇。 – Tholle

@Tholle：謝謝，我會檢查出來的。 – progNewbie

我認爲這將是很多修補做你的具體解決方案。要做你的解決方案，我會做一個包含40單元格的html表格，然後爲每個單元格定義顏色，編寫代碼以定義用戶選擇哪一個，以便稍後用於您需要的任何目的。

如果是我，我會用這樣的：從代碼：http://widget.colorcodehex.com/color-picker.html

<div style="font-family: Arial,Helvetica,sans-serif; border: solid 1px #cccccc; position: absolute; width: 240px; height: 326px; background: #ffffff; -moz-box-shadow: 0 0 6px rgba(0,0,0,.25); -webkit-box-shadow: 0 0 6px rgba(0,0,0,.25); box-shadow: 0 0 6px rgba(0,0,0,.25); -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;"> 

<div style="background-color: #2d6ab4; position: absolute; top: 0px; left: 0px; width: 100%; height: 22px; text-align: center; padding-top: 2px; font-weight: bold; border-top-right-radius: 5px; border-top-left-radius: 5px;"><a style="text-decoration: none; color: #ffffff;" target="_blank" href="http://www.colorcodehex.com/">HTML Color Picker</a></div>

這個你可以得到相同的結果（或在我的oppion自更好用戶可以定義他們想要的任何顏色），但是您不必坐下來做所有的表格顏色代碼和用戶交互代碼。

來源

2015-09-21 13:42:03 2Lach

如果你真的想它作爲一個選擇，你可能只是這樣做：

<select> 
    <option style="background-color:red" value="red">Red</option> 
    <option style="background-color:green" value="green">Green</option> 
    <option style="background-color:#0000ff" value="#0000ff">Blue (as hex)</option> 
</select>

這就要求沒有使用Javascript的。

來源

2015-09-21 13:07:43 durbnpoisn

我不只是想要一個選擇框。我希望它看起來像我發佈的圖片中的那個。 – progNewbie

我建議你可以使用一些顏色選擇器庫，例如頻譜
https://bgrins.github.io/spectrum/
這其中包括有各種看法等功能顏色選擇器是免費的。
這可以節省大量的時間和工作

來源

2015-09-21 13:36:02

如何做一個顏色拾取只是一個範圍的顏色

回答

相關問題