Firefox下input file的width,该怎么处理
日期：2014-05-17 浏览次数：20787 次
Firefox下input file的width
我的测试代码如下：
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>test</title>
</head>
<body>
<input style="width:1px" size="1" name="file" type="file">
</body>
</html>
发现当去掉size="1"后，在Firefox下width:1px无效，小弟想实现“浏览”覆盖文本框的效果，
即只显示“浏览”按钮，不显示文本框。以上代码在IE下基本符合我的需求，
但在Firefox下总有宽约10px的文本框显示出来，请各位大侠指点下下，非常感谢！！！
(Firefox测试版本：3.6.11)
------解决方案--------------------
可以这样做：
自己建立个按键样式。
将 input[file] 透明度设置为0，absolute 到自定义按键上。
这样点击按键实际上是点击 input[file] 。
我的测试代码如下：
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>test</title>
</head>
<body>
<input style="width:1px" size="1" name="file" type="file">
</body>
</html>
发现当去掉size="1"后，在Firefox下width:1px无效，小弟想实现“浏览”覆盖文本框的效果，
即只显示“浏览”按钮，不显示文本框。以上代码在IE下基本符合我的需求，
但在Firefox下总有宽约10px的文本框显示出来，请各位大侠指点下下，非常感谢！！！
(Firefox测试版本：3.6.11)
------解决方案--------------------
可以这样做：
自己建立个按键样式。
将 input[file] 透明度设置为0，absolute 到自定义按键上。
这样点击按键实际上是点击 input[file] 。
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
