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/