Редактирование placeholder

Привет! Очень не редко вам нужно сверстать нестандартные поля для ввода т.е. input.
кастомный placeholder для mozilla и chrome
При изменении различных параметров вводимого текста, результат не всегда совпадает с внешним видом placeholder.
А может быть и такое что вам просто нужно кастомизировать placeholder, а именно его цвет, размер вводимого шрифта или что нибудь другое. В общем суть не в причине изменения, а в решении проблемы.
Есть простое решение проблемы для движков webkit и moz.


input::-moz-placeholder {
	font-size: 16px;
	padding-top: 1px;
}
input::-webkit-input-placeholder {
	font-size: 16px;
	padding-top: 1px;
} 

Как видите значения для обеих движков я указал одинаковые, но может быть что placeholder на chrome и opera выглядит не так как на firefox например. Никаких проблем редактируем для каждого браузера отдельно.
Это было кроссбраузерное редактирование placeholder! Конец :)

Pin It

Оставить комментарий

Ваш email не будет опубликован. Обязательные поля отмечены *

Вы можете использовать это HTMLтеги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>