How to make Css Custom Select Box

Simple tutorial of <strong>making Css Custom Select Box</strong> with diffrent colors and themes acording to website themes. This is pure css3 code for your selectbox to look good and stylish. Copy any of selectbox class and paste in your website and you may also customize the look and feel of these select boxes.<br /> <em>How to make Css Custom Select Box</em>

HTML

<div class="selectbox">
  <select>
    <option value="volvo">Volvo</option>
    <option value="saab">Saab</option>
    <option value="mercedes">Mercedes</option>
    <option value="audi">Audi</option>
  </select>
</div>

CSS

.selectbox {
    border: 1px solid #aaaaaa;
    width: 200px;
    border-radius: 3px;
    overflow: hidden;
	
    background: #fff url("http://2.bp.blogspot.com/-skbBL94g7II/VFHP4MZey3I/AAAAAAAACqc/f4ix9SuaB70/s1600/drop2.png") no-repeat 100% 50%;
}

.selectbox select {
    padding: 5px 8px;
    width: 100%;
    border: none;
    box-shadow: none;
    background: transparent;
    background-image: none;
    -webkit-appearance: none;
	color:#333;
}

.selectbox select:focus {
    outline: none;
}