Есть ли способ сделать встроенную кнопку `просмотра` ​​на вводе файла в более крупном кросс-браузере?

Как вы, возможно, знаете, вы можете создать свой собственный элемент управления вводом файла, используя (хакерский) подход, располагая ввод файла над пользовательской кнопкой и используя непрозрачность: 0 в файле сам ввод.

На изображении ниже показан предполагаемый дизайн с вводом файла, абсолютно расположенным над кнопкой обзора.

Example

Как вы можете видеть, искусственная кнопка просмотра намного больше, чем та, которую нарисовал браузер (Firefox 4) .

Если я увеличу ширину ввода, кажется, что она достигнет предела, при котором она больше не будет увеличиваться.

Вот jsFiddle, с которым можно поиграть , демонстрирующий проблему. Настоящая кнопка обзора должна быть такого же размера, как и искусственная.

Есть ли способ сделать это, или должен Я использую Flash или уменьшаю кнопку?

9
задан alex 26 June 2011 в 13:09
поделиться