Стилизация placeholder в Firefox, как?

Question

[massef]

Здравствуйте.

Почему в firefox не стилизуется текст в placeholder?
Вроде с 4й версии есть поддержка.

jsfiddle.net/azu6n7mm

Answer 1

[Юрий Лобанов]

input[type="text"]::-webkit-input-placeholder { color: red; }
input[type="text"]::-moz-placeholder { color: red; }

Но, в старых firefox (до 18-го) placeholder считается псевдоклассом, а в новых firefox – псевдоэлементом.
Поэтому лучше так:

input[type="text"]::-webkit-input-placeholder {color:red;}
input[type="text"]::-moz-placeholder          {color:red;}/* Firefox 19+ */
input[type="text"]:-moz-placeholder           {color:red;}/* Firefox 18- */
input[type="text"]:-ms-input-placeholder      {color:red;}

jsfiddle.net/azu6n7mm/1

Comments

[Евгений Петров]

Я только ссылку добавлю https://developer.mozilla.org/en-US/docs/Web/CSS/:... А то раз человек сразу сам не нашёл...