如何使用css使select框的边框去掉，只保留下拉箭头

5 个解决方案

#1

border:none;

#2

不行啊，没用的

#3

IE6不兼容，就这样

<span style="border:0; position:absolute; overflow:hidden">

	<select style="margin:-2px"> 

	<option>xxxxxxx</option> 

	</select>

</span>

#4

是不是这种效果 http://pili.kkgg.net 进入后选择霹雳天罪然后选择银皇朱武就可以看到滚动条的样式了
如果是就设置滚动条的全部属性为背景颜色箭头颜色为你想要的颜色

#5

LZ自己一试就知道了。。。

<style type="text/css">
.select{
height:19px;
overflow:hidden;
border-left:1px #686868 solid;
border-top:1px #686868 solid;
border-right:1px #ccc solid;
border-bottom:1px #ccc solid;
text-align:left;
float:left;
}
.select div{
height:17px;
overflow:hidden;
margin:1px auto;
float:left;
}
.select div select{
height:21px;
display:block;
margin:-2px 0px 0px -2px;
border-left:0px;
}
</style>

<div class='select'><div>
   <select>
      <option>xxx</option>
      <option>xxx</option>
   </select>
</div></div>

#1

border:none;

#2

不行啊，没用的

#3

IE6不兼容，就这样

<span style="border:0; position:absolute; overflow:hidden">

	<select style="margin:-2px"> 

	<option>xxxxxxx</option> 

	</select>

</span>

秒客网

如何使用css使select框的边框去掉，只保留下拉箭头

5 个解决方案

#1

#2

#3

#4

#5

#1

#2

#3

#4

#5

相关文章