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