Как убрать поле ввода названия файла input type=file?

[amelice]

Всем привет!

Хочу видеть одну кнопку с названием "Загрузить" а не "Обзор...".

С этим возникли трудности:

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

2.Возможно ли поменять название этой кнопки?

value не действует.

[Justnewone]

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

[SelenIT]

Насколько я в курсе, можно только целиком подменить своей картинкой. По дефолту каждый браузер в каждой ОСи рисует кто во что горазд, а надпись на кнопке вообще зависит от языка установки...

[sigma77]

Всем привет!

Хочу видеть одну кнопку с названием "Загрузить" а не "Обзор...".

С этим возникли трудности:

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

2.Возможно ли поменять название этой кнопки?

value не действует.

<input type="file"> генерируется каждым браузером по-своему (+/- похожие только FF, Opera, IE; Хром и Сафари генерируют их совсем по-другому) и практически не стилизуются, поэтому что-то убрать или изменить напрямую не получится.

Решают подобные вопросы обычно следующим образом. Берут подходящий элемент, стилизуют его, а сверху накладывают <input type="file"> с opacity: 0

[amelice]

Насколько я в курсе, можно только целиком подменить своей картинкой. По дефолту каждый браузер в каждой ОСи рисует кто во что горазд, а надпись на кнопке вообще зависит от языка установки...

Спасибо, то, что нужно, щас буду пытать.

Берут подходящий элемент, стилизуют его, а сверху накладывают <input type="file"> с opacity: 0

Хороший вариант, только opacity не работает в ИЕ8, что мне нужно.

[Justnewone]

Там есть аналог типа филтр тра ля ля, фобщем, нагуглите "опасити кроссбраузерно"

[sigma77]

Насколько я в курсе, можно только целиком подменить своей картинкой. По дефолту каждый браузер в каждой ОСи рисует кто во что горазд, а надпись на кнопке вообще зависит от языка установки...

Спасибо, то, что нужно, щас буду пытать.

Берут подходящий элемент, стилизуют его, а сверху накладывают <input type="file"> с opacity: 0

Хороший вариант, только opacity не работает в ИЕ8, что мне нужно.

Для ИЕ используется фильтр. В принципе, этот способ и изложен по ссылке выше

[amelice]

Для ИЕ используется фильтр. В принципе, этот способ и изложен по ссылке выше

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

Ага, так и оказалось.