Как установить цвет текста заполнителя?

Question

Можно ли установить цвет текста placeholder?

<textarea placeholder="Write your message here..."></textarea>

Answer 1

::-webkit-input-placeholder { /* WebKit browsers */
    color:    #999;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #999;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #999;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:    #999;
}

Answer 2

Никому не нравятся ответы «обратитесь к этому ответу», но в этом случае это может помочь: Изменить цвет заполнителя ввода HTML5 с помощью CSS

Поскольку он поддерживается только несколькими браузерами, вы можете попробовать плагин-заполнитель jQuery (при условии, что вы можете \ использовать jQuery). Он позволяет вам стилизовать текст-заполнитель с помощью CSS, поскольку это действительно только трюк подкачки, который он делает с событиями фокуса.

Плагин не активируется в браузерах, которые его поддерживают, поэтому вы можете использовать CSS для chrome \ firefox и CSS для плагина jQuery, чтобы поймать все остальное.

Плагин можно найти здесь: https://github.com/mathiasbynens/jquery-placeholder

Answer 3

Попробуйте это

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

Answer 4

Для придания цвету заполнителя просто используйте следующие строки кода:

::-webkit-input-placeholder { color: red; }
::-moz-placeholder {color: red; }
:-ms-input-placeholder { color: red; } 
:-o-input-placeholder { color: red; } 

Answer 5

#Try this:

input[type="text"],textarea[type="text"]::-webkit-input-placeholder {
    color:#f51;
}
input[type="text"],textarea[type="text"]:-moz-placeholder {
    color:#f51;
}
input[type="text"],textarea[type="text"]::-moz-placeholder {
    color:#f51;
}
input[type="text"],textarea[type="text"]:-ms-input-placeholder {
    color:#f51;
}

##Works very well for me.

Answer 6

Попробуйте это

input::-webkit-input-placeholder { /* WebKit browsers */
    color:    #f51;
}
input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #f51;
}
input::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #f51;
}
input:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:    #f51;
}

<input type="text" placeholder="Value" />

Answer 7

Для Firefox используйте:

 input:-moz-placeholder { color: #aaa; }
 textarea:-moz-placeholder { color: #aaa;}

Для всех других браузеров (Chrome, IE, Safari) просто используйте:

 .placeholder { color: #aaa; }