Как сделать один символ в HTML атрибуте placeholder другим цветом?

Question

[Евгений Заливадный]

Как сделать только один символ в HTML атрибуте placeholder другим цветом?

Answer 1

[Lumore]

#input::-webkit-input-placeholder::first-letter {color:#c0392b;}
#input::-moz-placeholder::first-letter          {color:#c0392b;}/* Firefox 19+ */
#input:-moz-placeholder::first-letter           {color:#c0392b;}/* Firefox 18- */
#input:-ms-input-placeholder::first-letter      {color:#c0392b;}

Comments

[bro-dev]

ниже 10 ие не работает.

[Сергей delphinpro]

Роман Бережнов: ниже 10 IE плейсхолдеры _вообще_ не работают )

Answer 2

[Дмитрий]

jsfiddle.net/soledar10/ys4f0tk1

Answer 3

[Котик Антон]

Имитировать placeholder через label: codepen.io/27cm/pen/EKXGjE

Answer 4

[Даша Циклаури]

::-webkit-input-placeholder::first-letter {
  color: #f00;
}

префиксы такие:
::-webkit-input-placeholder
::-moz-placeholder
:-moz-placeholder
:-ms-input-placeholder