Можно ли изменить input, чтобы он был как на картинке?

Question

[Ян Ветров]

Я хочу сделать так, чтобы

<input type="file" name="myImage" accept="image/*" id="file-input" >

выглядела как на картинке

Можно ли так сделать? Заранее спасибо.

Answer 1

[Andrej Sharapov]

Можно.
В стилях пишите что вам нужно и будет так же.

input#file-input {

}

Comments

[Ян Ветров]

Спасибо.

[Ян Ветров]

Еще хотелось спросить, а как сделать "Выберите файл" - картинкой?

Answer 2

[Виктор]

Есть плагин https://github.com/Dimox/jQueryFormStyler

Comments

[Ян Ветров]

Спасибо.

[Andrej Sharapov]

Зачем придумывать плагин, если можно самому написать три строчки кода? фон, углы, цвет текста. Ну и иконки прилепить тоже не составит труда