Как установить цвет текста "placeholder"?

Ответ 1

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

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

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

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

Ответ 2

::-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;
}

Ответ 3

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

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

Ответ 4

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

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

Ответ 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.

Ответ 6

Попробуйте this

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" />

Ответ 7

Для использования Firefox:

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

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

 .placeholder { color: #aaa; }