Как стилизовать placeholder в браузере Firefox?

Изменение цвета placeholder – «подсказки» текстового поля в браузере Firefox.

Атрибут placeholder — Выводит текст внутри текстового поля, который исчезает при получении фокуса.

Чтобы изменить цвет placeholder для браузера Firefox, нужен следующий код, где input[type="text"] , это все инпуты с типом «text». Тип можете указать нужный, например  type=email или  type=search.

/* Firefox 19+ */
input[type="text"]::-moz-placeholder {
  color: #999677;
}

/* Firefox 18- */
input[type="text"]:-moz-placeholder {
  color: #999677;
}

Для случаев, в которых вы хотите стилизовать конкретный один input или определенную группу полей, код CSS нужно немного изменить

.search-field:-moz-placeholder,
.search-field:-ms-input-placeholder {
  color: #362A2A;
}

Где .search-field, это имя класса, присвоенного текстовому полю или группе инпутов. Пример ниже:

<input type="search" class="search-field" placeholder="Найти" value="" name="topsearch">