2009-05-30 57 views
0

我有一个input type="file"元素,其中size="70"width="522px"。它在Windows上的所有浏览器中都能正常工作,但在Linux上的Firefox上,输入元素大于522像素。输入类型文件大小在Linux/Windows中有所不同

事情我想:

  1. max-width:522px但它不工作(Linux)的。
  2. 设置size="52"min-width:522px;在Linux中看起来不错,但在Windows上的Firefox中无法正常工作。

如何指定522像素的宽度?

回答

2

的问题是,浏览器不会考虑按钮输入的一部分。所以,如果你有类似的东西:

<div style="width: 500px; overflow: hidden"> 
<input type="file" id="uploadfile_0" class="fileinput" style="border: 2px solid #a9a9a9; width: 100%; height: 22px;" name="uploadfile_0"/> 
</div> 

输入按钮浏览是父母之外,我不认为有一个简单的解决方案。

您可以在quirksmode.org

+0

我想知道是否有一种方法可以根据操作系统设置size =“53”?但我不能使用onload – Shishant 2009-05-30 16:46:15

1

仅指定CSS width,像这样:

<input type="file" style="width: 522px;" ..... /> 
+0

这是我的元素。 – Shishant 2009-05-30 15:41:00

0
function inFil() { 
    var inFil = document.getElementById("inFil"); 
    var iSize = inFil.files[0].size; 
    alert(iSize); 
    // where inFil is existing html tag <input type="button" id="inFil" > 
} 

适用于Firefox,但不适用于IE8,其他未经测试。

相关问题