CUSTOM DROPDOWN USING OVERFLOW

by mrmartineau

HTML

<div class="styled">
   <select>
        <option>Apples</option>
        <option selected>Pineapples</option>
        <option>Chocklate</option>
        <option>Pancakes</option>
    </select>
</div>

CSS

.styled select {
   background: transparent;
   width: 150px;
   padding: 5px;
   font-size: 16px;
   border: 1px solid #ccc;
   height: 34px;
    -webkit-appearance: none;
} 

.styled{
   width: 120px;
   height: 34px;
   overflow: hidden;
   background: url(http://www.stackoverflow.com/favicon.ico) no-repeat 96% #ddd;
}