Можно както компактнее стилизовать placeholder?

Question

[Roman Egliens]

Вот я такую писанину прописал:

textarea::-webkit-input-placeholder {
  color:#a5a7a7;
}

textarea::-moz-placeholder {
  color:#a5a7a7;
}/* Firefox 19+ */

textarea:-moz-placeholder {
  color:#a5a7a7;
}/* Firefox 18- */

textarea:-ms-input-placeholder {
  color:#a5a7a7;
}

input::-webkit-input-placeholder {
  color:#a5a7a7;
}
input::-moz-placeholder {
  color:#a5a7a7;
}/* Firefox 19+ */

input:-moz-placeholder {
  color:#a5a7a7;
}/* Firefox 18- */

input:-ms-input-placeholder {
  color:#a5a7a7;
}

Это для полей input и textarea и для разных браузеров прописал.

Реально эту писанину, както красиво сократить?
Просто если написать так:

input, textarea::-webkit-input-placeholder {
  color:#a5a7a7;
}

то для textarea смена цвета срабатывает, а для input уже не работает

Answer 1

[Алекс Глебов]

input, textarea заменить на общий класс
префиксы не пишут руками
https://autoprefixer.github.io/ru/

или через gulp прогонять через префексер

Comments

[Roman Egliens]

спасибо большое, действительно хорошая идея с классами, писанину получается как минимум в 2 раза сократил.
А вот с автопрефексами пока ещё не сталкивался, по этому принуип я понял как это работает, но не понял как в моём случае можно применить. Буду позже разбераться!

[Алекс Глебов]

просто свойство без префикса, а он дополнит
www.joxi.ru/823zQLbiJoKqDm

[Roman Egliens]

Алекс Глебов, спасибо что помог!

Answer 2

[Евгений]

нет