# Добавление стилей плейсхолдеру в LESS

Давайте сделаем функцию, которая кроссбраузерно будет добавлять стили плейсхолдеру:

`.placeholder(@code) { &::-webkit-input-placeholder { @code(); } &:-ms-input-placeholder { @code(); } &::-moz-placeholder { @code(); } &::placeholder { @code(); } }`

Воспольуемся нашей функцией:

`input { .placeholder({ color: white; background-color: red; }); }`

Результат компиляции:

`input::-webkit-input-placeholder { color: white; background-color: red; } input::-ms-input-placeholder { color: white; background-color: red; } input::-moz-placeholder { color: white; background-color: red; } input::placeholder { color: white; background-color: red; }`
←→
↑