用背景图替换原生select样式

 

<div class="search-select col1 col">
<select name="simple_model" class="simple_model">
<option value="0">全部车型</option> 
</select>
</div>

css：

select {
color: #333;
font-size: 14px;
border:0;
width: 120%;
outline: none;
background-color: transparent;
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
padding: 0;
margin: 0;
height: 19px;
}

.search-select {
background: url(../images/select.png) no-repeat right 1px #fff;
overflow: hidden;
padding: 6px 0 5px 0px;
margin-left: 15px;
border-radius: 5px;
border: 1px solid #d1d1d1;
}

 

 

 

 

转载于:https://www.cnblogs.com/xuedong09/archive/2013/06/05/3118652.html