CSS Appearance Example

HTML

<div class="container">
    <span >
       
        <span style="position:relative;" >
           <span class="arrow" ></span>
           <select id="menulist">
                <option value="one">One</option>
                <option value="two">Two</option>
           </select>    
        </span>
    </span>
    </div>

<div>
<select>
    <option value="one">Native</option>
</select>
</div>

CSS

#menulist {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    height:32px;
    border:1px solid #000;
    width:260px;
    text-indent: 8px;
}
.arrow{
    
    cursor:pointer;
    height:32px; 
    width:24px;
    position:absolute;
    right:0px;
    background-color:#c8c8c8;
    background:url('http://icons.aniboom.com/Energy/Resources/userControls/TimeFrameDropDownFilter/Dropdown_Arrow.png') 0;
}