Is there any way to customize the color picker in HTML 5?
Problem
I’m building a website with HTML5 and CSS3, and I want to create a unique color picker with HTML5
Is there any way to customize the color picker?
Problem courtesy of: BorisD
Solution
In Opera, the only browser to have implemented the color
element, you can customize the set of colours offered with a datalist
:
<datalist id="greyscale">
<option value="#000000">
<option value="#333333">
<option value="#666666">
<option value="#999999">
<option value="#cccccc">
</datalist>
<fieldset class="col">
<legend>Color element 2</legend>
<label for="excolor2">Color: </label>
<input type="color" id="excolor2" name="excolor2" list="greyscale">
</fieldset>
Solution courtesy of: robertc