Light Select Plugin for jQuery

jQuery Light Select plugin provides lightweight enhancement to select (dropdown) elements that lets you customize its CSS more freely, including the arrow button. You don’t have to include the jquery.lightselect.css file although it provides basic styles. Without this, you’ll need to style everything by yourself. Fear not, it’s easy though.

See demo page here.

Download

jQuery LightSelect plugin is available for download:

Click here to download older versions.

Usage

Turn a standard select element into jQuery Light Select by calling:

$(elm).lightselect();

Example

<select id="gender">
    <option value="M">Male<option>
    <option value="F">Female<option>
</select>
<script type="text/javascript">
$(function() {
    $('#gender').lightselect();
});
</script>

License

jQuery Light Select plugin is released under MIT License.