Sample 1

If there is not enough free space from the control to the upper side of the screen the selector opens downwards automatically.

Sample 2

If there are several inputs with the same name all all them are updated on color selection. In this sample the clear button is set to be last one.

Sample 3

The control can be inserted before or after the input. You can also customize the style of the color swatches, with the custom_class .double the swatches are wider.

Sample 4

In this sample the color palette is forced to open downwards.

Sample 5

With tha custom_class .wide swatches expand to be fullwidth.

适用浏览器:360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗.
不支持IE8及以下浏览器。

来源:html5实例,css3实例,jquery实例