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

Question

[KOPC1886]

Всем привет!

Подскажите пожалуйста, как стилизовать input type=file под ссылку Добавить файл ?
Но так, чтобы как и при инпуте, писалось название выбранного файла.

Или может есть какие то готовые решения?

Заранее спасибо!)

Answer 1

[Махмуд Элмахди]

вот демо, то что надо?

Comments

[KOPC1886]

Махмуд Элмахди так здесь кнопка же? А надо чтобы в виде ссылки был.

[KOPC1886]

Махмуд Элмахди и чтобы при выборе файла, также отображалось название файла.

[Махмуд Элмахди]

Обновил. Этот демо сделан с помощью Twitter Bootstrap, в CSS/SASS можете делать все что угодно.

[Махмуд Элмахди]

Вопрос был: как стилизовать input type=file под ссылку Добавить файл ?

Обновите описание вопроса тогда пожалуйста.

[KOPC1886]

Махмуд Элмахди: но сейчас не пишется название файла , который добавил. Иначе не понятно добавился ли файл или нет.

[Махмуд Элмахди]

демо-обновлено, вот не большой screen-cast: screencast.com/t/sgVKdAaaugk