用背景图替换原生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;
}

 

 

 

 

posted @ 2013-06-05 11:53  xuedong09  阅读(412)  评论(0编辑  收藏  举报