技术标签 TAGS
专业技术精选
- 2020-03-20非常不错的骰子案例
- 2019-05-26vscode git and gitlens中文乱码问题
- 2011-12-14什么是网站制作的web标准
- 2011-12-14上海网站建设之六大不利优化因素
改变select下拉菜单右侧三角形样式的方法
<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>
share
<!--
.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>