Как стилизовать форму? Select, checkbox, placeholder, etc?

Question

[notveganmustdie]

В макете вот такая форма.

Как стилизовать select и placeholder как в макете? Каким решением для стилизации списков и чекбоксов в формах вы пользуетесь? Пробовал jQuery Form Styler, jClever, но так и не смог какого-либо результата добиться. Плюс плэйсхолдер не поддерживается ie 8-9 есть ли какая-нибудь альтернатива в виде js?

Вот так сейчас выглядит у меня эта форма

Answer 1

[IceJOKER]

select - обрамить каким-нибудь div-ом, сместить его стрелочку за блок и вместо него вставить свою картинку.
checkbox/radio я стилизирую так - убираю нахрен стандартный вид за 100500 пикселей и вместо них ставлю свою картинку (label в помощь, чтоб их можно было отмечать)

а placeholder - один способ написал 7rulnik или можно javascript-ом сделать редактируемы блок и оформить его как input, чтоб достичь такого эффекта как на скрине

Comments

[7rulnik]

По поводу плэйсхолдера вы наврали ;)

[IceJOKER]

7rulnik: dl1.joxi.net/drive/0003/0934/201638/150102/85a4d0e... - последний файрфокс, что-то не работает ))

[IceJOKER]

7rulnik: через хром работает, каюсь, не знал )) спасибо за инфо ))

Answer 2

[7rulnik]

jsfiddle.net/vmuJm
Для плэйсхолдера

Comments

[Extra0]

в IE ничего внутри инпутов не будет

Answer 3

[Buyan02]

Для плэйсхолдера использую это

Answer 4

[wdtime_ru]

Я использую для всех своих проектов легкий jQuery плагин для стилизации checkbox элементов на странице