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

У меня была такая же проблема при использованииiform.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 для изменения ширины. Нужен образец для просмотра