[原创] 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>
<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>


.select
浙公网安备 33010602011771号