Firefox4文件输入宽度错误？

Question

3I正在更改文件输入HTML标记的宽度：

<input type="file" id="newFilename" name="Filename">
input[type="file"] {width:380px !important}

在Firefox3、Chrome和Safari中，它都能完美地工作。

在Firefox4中，我不能让它工作。宽度保持不变！

演示：http://jsfiddle.net/LwzW9/1/

检查Firebug时，我注意到<input>的大小发生了变化，但我并没有真正看到变化：(见图)

​

​

有什么想法吗？这是一个已知的bug吗？

谢谢。

Answer 1

我在使用uniform.js的时候也遇到了同样的问题，这种方式解决了这个问题：

<input type="file" size="X">

或

$('input[type="file"]').attr('size', 'X');

其中X是您定义的字符数。为了在其他浏览器中安全起见，您的CSS中也应该有正确的宽度。

小提琴：http://jsfiddle.net/EfntV/

Answer 2

我注意到你有

width: 380px !important; //line 94

这将覆盖#newFilename {width:280px}的值

注意：我不是100%确定它是如何工作的，因为你使用了一个更具体的CSS选择器来改变宽度。需要一些样本来查看