改变select下拉菜单右侧三⾓形样式的⽅法
<script type="text/javascript"> </script> <script src="lesyndication/pagead/show_ads.js" type="text/javascript"></script>
<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;
html下拉菜单的制作方法width: 130px;
color: #000;
}
-->
</style>
<div class="select2">
<div class="select1">
<select>
<option>⼩崔设计</option>
<option>⼩崔设计</option>
<option>⼩崔设计</option>
<option>⼩崔设计</option>
</select>
</div>
</div>

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。