平边的Select制作方法

一笑奈何 提交于 2020-04-05 23:40:53

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>
标签
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!