Firefox 4文件输入宽度错误？

Question

3我正在改变文件输入HTML标签的宽度：

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

在Firefox 3，Chrome和Safari中它运行良好。

在Firefox 4中我无法使用它。宽度保持不变！

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

使用Firebug进行检查我注意到<input>的大小发生了变化，但我没有看到更改:(见图）

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

感谢。

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选择器来改变宽度。需要一些样本来查看