Custom <select> form dropdown jquery

styling select form field

by ajinkyax

HTML

<script src="http://adam.co/lab/jquery/customselect/jquery.customSelect.latest.min.js"></script>
<select class="styled">
    <option value="">choose preset...</option>
    <option value="one">two</option>
    <option value="two">something</option>
    <option value="three">4</option>
    <option value="four">5</option>
</select>

CSS

span.customSelect { 
    font:12px sans-serif;
    background:#fff url(http://i48.tinypic.com/2u7rpec.png) right center no-repeat;
    border:1px solid #ddd;
    color:#555;
    padding:7px 9px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px 2px;
    width:175px;
}

JavaScript

var $cs = $('.styled').customSelect();