[原创] select控件样式(兼容IE6、IE7、Firefox 2.0)
1
<style type="text/css">
2
<!--
3
.select { margin: 0; padding: 0; border:1px solid #cccccc; float: left; display: inline; }
4
.select div { border:1px solid #f9f9f9; float: left; }
5
.select>div { overflow: hidden; }
6
* html .select div select { display:block; float: left; margin: -2px; }
7
.select div>select { display:block; float:none; margin: -2px; padding: 0px; }
8
.select:hover { border:1px solid #666; }
9
-->
10
</style>
11
12
<div class="select"><div>
13
<select>
14
<option>看见效果了吧</option>
15
<option>看见效果了吧</option>
16
<option>看见效果了吧</option>
17
</select>
18
</div></div>
![](http://www.phpweblog.net/Images/OutliningIndicators/ExpandedBlockStart.gif)
2
![](http://www.phpweblog.net/Images/OutliningIndicators/InBlock.gif)
3
![](http://www.phpweblog.net/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
4
![](http://www.phpweblog.net/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
5
![](http://www.phpweblog.net/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
6
![](http://www.phpweblog.net/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
7
![](http://www.phpweblog.net/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
8
![](http://www.phpweblog.net/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
9
![](http://www.phpweblog.net/Images/OutliningIndicators/ExpandedBlockEnd.gif)
10
![](http://www.phpweblog.net/Images/OutliningIndicators/None.gif)
11
![](http://www.phpweblog.net/Images/OutliningIndicators/None.gif)
12
![](http://www.phpweblog.net/Images/OutliningIndicators/None.gif)
13
![](http://www.phpweblog.net/Images/OutliningIndicators/None.gif)
14
![](http://www.phpweblog.net/Images/OutliningIndicators/None.gif)
15
![](http://www.phpweblog.net/Images/OutliningIndicators/None.gif)
16
![](http://www.phpweblog.net/Images/OutliningIndicators/None.gif)
17
![](http://www.phpweblog.net/Images/OutliningIndicators/None.gif)
18
![](http://www.phpweblog.net/Images/OutliningIndicators/None.gif)