🔔 Alert..!! Get 2 Month Free Cloud Hosting With $200 Bonus From Digital Ocean ACTIVATE DEAL

colorSelect is a really simple jQuery plugin which converts a normal select box into an user-friendly color picker for easier color selection.

color-picker

Documentation

ColorSelect

This is a simple jQuery plugin, that turns a select box into a user friendly color picker.

Installation

Just include colorSelect.js in your html. Optionally, also include the provided css file.

This is a jQuery plugin, so you obviously also need to include jQuery.

Usage example

<select id="color-select"> 	<option value="#990000">red</option> 	<option value="#009900">green</option> 	<option value="#000099">blue</option> </select>  <script language="javascript" type="text/javascript">     $('#color-select').colorSelect(); </script> 

The text inside the option-tags is not displayed, but it's good as a fallback.

Styling

The plugin simply creates a tree of divs that you can style to your liking. Have a look at the provided css file for the defined classes.

Demo

click here


You May Also Like