Fork Me on GitHub

jQuery select box skin

Apply a nice looking skin to a standard html select

download .ZIPdownload .TGZ

usage

  1. Include required assets
<link rel="stylesheet" type="text/css" href="css/skinned-select.css">
<script src="js/skinned-select.js" type="text/javascript"></script>
  1. Add class to your select
<select name="name" class="my-skinned-select">
    <option value="1">One</option>
    <option value="2">Two</option>
    <option value="3">Three</option>
    <option value="4">Four</option>
    <option value="5">Five</option>
</select>
  1. Tell jQuery to make it pretty.
<script type="text/javascript">
  $(document).ready(function() {
    $('.my-skinned-select').skinnedSelect();
  })
</script>