jQuery Lightselect

jQuery LightSelect 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.

To convert a standard select dropdown, simply call $(element).lightselect();

Markups

<span class="jQLightSelect jQLightSelect-Wrapper {plus-your-select-classes}">
  <select>
	<!-- This is your original select element -->
  </select>
  <span class="jQLightSelect-Face">
	<span class="jQLightSelect-Arrow"></span>
	<span class="jQLightSelect-Left"></span>
	<span class="jQLightSelect-Right"></span>
  </span>
</span>