平边的Select制作方法

1:

<span id="SelectBorder" style="border:1px solid #5884c8; position:absolute;">
<SELECT id="objSelect" style="position:absolute; margin:-1;">
<OPTION>一个平边的Select</OPTION>
<OPTION>1234567890</OPTION>
<OPTION>DSclub</OPTION>
<OPTION>www.cnblogs.com/dsclub</OPTION>
<OPTION>99670303</OPTION>
</SELECT>
</span>
<SCRIPT LANGUAGE=javascript>
<!--
objSelect.style.clip = 'rect(2px, ' + (objSelect.offsetWidth - 2) + 'px, ' + (objSelect.offsetHeight - 2) + 'px, 2px)';
SelectBorder.style.width = objSelect.offsetWidth;
SelectBorder.style.height = objSelect.offsetHeight;
//-->
</SCRIPT>

2:

<span style="border:1px solid #336699;position:absolute;overflow:hidden"><select style="margin:-2px;">
<option>这个东西看起来更简单</option>
<option>但是总是要求position:absolute</option>
<option>还要注意：select & span 要写在一行上</option>
</select></span>