<input type = 'file'> Проблема с кнопкой обзора. Есть ли альтернативный плагин для достижения того же?

Question

Я написал

<input type="file">

, что приводит к появлению одного небольшого текстового поля с кнопкой обзора, если я хочу применить свой пользовательский CSS для этой кнопки, то как мне это сделать?

Есть ли плагин для загрузки файла с клиента на сервер, где для кнопки я могу применить свой собственный CSS?

Answer 1

Большинство браузеров не дают вам большого контроля над стилем ввода type="file", и даже если бы они это сделали, вы бы не получили очень согласованного внешнего вида, так как элемент управления отображается по-разному в разных браузерах: в ChromeНапример, нет поля ввода.

Если вы хотите контролировать внешний вид, рассмотрите инструмент, такой как uploadify

Answer 2

Вы можете определенно применить стили к кнопке загрузки. Вот ссылка, детали которой достигают этого. http://www.burhankhan.com/css_tricks/styling-file-upload-input-box-in-css/

Answer 3

Опции для стилизации этого элемента напрямую через CSS очень ограничены. Один из самых известных подходов, чтобы обойти эти ограничения, - это от Shaun Inman .

Другим вариантом является асинхронная загрузка с использованием Flash, часто с использованием swfupload .