只用CSS美化选择框

<div class="styled-select">
<select>
<option>Here is the first option</option>
<option>The second option</option>
</select>
</div>
.styled-select select {
background
: transparent;
width
: 268px;
padding
: 5px;
font-size
: 16px;
border
: 1px solid #ccc;
height
: 34px;
-webkit-appearance
: none; /*for chrome*/
}
.styled-select {
width
: 240px;
height
: 34px;
overflow
: hidden;
background
: url(http://images.cnblogs.com/cnblogs_com/shishm/201203/20120302110411201.jpg) no-repeat right #ddd;
}

 

来源http://www.cnblogs.com/shishm/archive/2012/03/02/2376759.html


你可能感兴趣的:(css)