您的位置:首页 > Web前端 > CSS

用背景图替换原生select样式

2013-06-05 11:53 127 查看
<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;
}
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: