Кнопка изображения для загрузки файлов CSS - PullRequest
0 голосов
/ 07 марта 2011

Я хочу загрузить файлы, используя изображение в качестве кнопки. Изображение квадратное 150x150. Когда я нажимаю на квадрат, открывается диалоговое окно файла. Как мне это сделать?

Ответы [ 4 ]

1 голос
/ 07 марта 2011

Входные данные типа файла не могут быть стилизованы, но есть обходной путь, см. Документация по режиму причуд на этом .

По сути, вы делаете ввод полностью прозрачным и размещаете изображение под.

0 голосов
/ 30 марта 2012

Вы можете объявить входной файл и изображение, затем, скрыв кнопку «выбрать файл», положив на него DIV.Div должен быть таким же, как фон.

Затем свяжите изображение с кнопкой с помощью jquery и используйте триггер

0 голосов
/ 07 марта 2011

Эта ссылка может быть полезной: http://www.filamentgroup.com/lab/jquery_custom_file_input_book_designing_with_progressive_enhancement/

Это объясняет, как:

  1. Добавьте «задний слой» с вашим собственным дизайном для поля.
  2. Измените стиль «Основной кнопки файла» на прозрачный и поместите его поверх слоя.

Вы также можете найти "jQuery Plugin", чтобы преобразовать все поля формы:

  1. http://uniformjs.com/ -> Униформа

Надежда - это то, что вы хотите.

Ака.

0 голосов
/ 07 марта 2011

Посмотрите на Кнопка ввода файла для всех браузеров, возможно ли это? - при этом использовался другой элемент кнопки, но вместо него могло использоваться изображение.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...