Firefox 4文件输入宽度错误？

Question

3I'm更改文件输入HTML标记的宽度：

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

在Firefox 3，铬和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选择器来改变宽度。将需要一些样品来看看