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.


jQuery Light Select plugin is available for download:


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



<select id="gender">
  <option value="M">Male<option>
  <option value="F">Female<option>
<script type="text/javascript">
  $(function() {


jQuery Light Select plugin is released under MIT License.

© 2012 Fajar Chandra