Popular jquery plugins for skinning selectbox

Most of the clients comes with custom design for their forms and looking fancy drop downs and custom skin for select boxes. A large number of paid plugins are available in the market. But these are not affordable for small and medium  sites. 

A lot of free jquery plugins are available in Internet for skinning select box and drop downs. Here I listed out the common jquery libraries used for skinning select box.  

Jquery Select Skin


A simple jquery code for theming select box. It is a light weight plugin  for skinning <SELECT> lists. It keeps the basic functionalities of <SELECT> list and it uses little CSS.
You can download the latest version from here or download it from jquery site.
First include this js file into your page. Then, apply the select_skin plugin to any jQuery element you want:

jQuery(document).ready(function() {
jQuery("#selectid").select_skin();
});

Add following styles into the CSS file.

div.cmf-skinned-select {
    background: url('skin.png') top right no-repeat ;
    border: 1px solid #ccc;
}
div.cmf-skinned-text {
    padding: 3px;
}

Posted in: jquery