<style type="text/css">
<!--
.select1
{
width: 110px;
height: 18px;
overflow: hidden; /*隐藏了小三角,因为宽度为110px,而select宽度为130px*/
display:block;
}
.select2{
border: 1px solid #000;
width:130px;
display:block;
height: 18px;
overflow:hidden;
background:url(images/icons/10.gif) right top no-repeat 18px 18px; /*这里设置的是新的小图标*/
}
select
{ FONT-SIZE: 13px;
position: relative;
left: -2px;
top: -2px;
width: 130px;
color: #000;
}
-->
</style>
<div class="select2">
<div class="select1">
<select>
<option>小崔设计</option>
<option>小崔设计</option>
<option>小崔设计</option>
<option>小崔设计</option>
</select>
</div>
</div>
改变select下拉菜单右侧三角形样式的方法
最新推荐文章于 2021-06-04 00:52:25 发布