Как вы, возможно, знаете, вы можете создать свой собственный элемент управления вводом файлов, используя (хакерский) подход к размещению ввода файлов над вашей пользовательской кнопкой и используя opacity: 0 для самого ввода файла.
На изображении ниже показан предполагаемый дизайн с вводом файла, абсолютно расположенным над кнопкой обзора.
Как видите, кнопка искусственного просмотра значительно больше, чем та, которую нарисовал браузер (Firefox 4).
Если я увеличу ширину ввода, кажется, что он достигнет предела, когда он больше не будет увеличиваться.
Вот jsFiddle для игры с , демонстрирующий проблему. Кнопка обзора real должна быть того же размера, что и искусственная кнопка.
Есть ли способ сделать это, или должен Я использую Flash или уменьшу размер кнопки?