Error de ancho de entrada del archivo Firefox 4?

Question

3I'm cambiar el ancho de una etiqueta HTML de entrada de archivo:

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

En Firefox 3, Chrome y Safari funciona perfectamente.

En Firefox 4 no puedo hacer que funcione. ¡El ancho sigue siendo el mismo!

Demostración: http://jsfiddle.net/LwzW9/1/

Comprobación con Firebug me di cuenta de que el tamaño de las <input> cambios, pero no realmente ver los cambios: (ver imagen)

¿Alguna idea? ¿Es esto un error conocido?

Gracias.

Answer 1

que tenía el mismo problema cuando se utiliza uniform.js, este tipo de resuelve el problema:

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

o

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

donde X es un número de personajes que defines También debe tener el ancho correcto en su CSS para mayor seguridad en otros navegadores.

violín: http://jsfiddle.net/EfntV/

Answer 2

que notar que tiene

width: 380px !important; //line 94 

Esto anularía el valor de #newFilename {width:280px}

Nota No estoy 100% seguro acerca de cómo funciona ya que usted está usando una forma mucho más específica Selector CSS para cambiar el ancho Necesitaría alguna muestra para mirar