如何让file控件的那个text框不显示？

Question

<div style="z-index:100;width:50;height:40px;position:absolute;left:0"><input type="file"></div>
<div style="z-index:200;width:144px;height:40px;position:absolute;left:0;background-color:#FFFFFF"></div>

Answer 1

用display:none; 是不起作用。
但是你可以用clip。
如：position:absolute;clip: rect(0 0 0 0)">代码如下：
——————————————————————————————<SCRIPT LANGUAGE="JavaScript">
<!--
function btnAttachment_onclick()
{
 fileAttachment.click();
}
//-->
</SCRIPT> <input type="file" id="fileAttachment" name="fileAttachment" class="button" onkeypress="return false;" style="display:inline;VERTICAL-ALIGN: middle; WIDTH:0px; position:absolute;clip: rect(0 0 0 0)">
 
&nbsp;<button name="btnAttachment" id="btnAttachment" onclick="return btnAttachment_onclick();" accesskey="A" class="button">添加(<u>A</u>)</button>

Answer 2

用层盖住最直接简单了  div