web-dev-qa-db-fra.com

Comment définir la couleur du texte "espace réservé"?

Est-il possible de définir la couleur du texte placeholder?

<textarea placeholder="Write your message here..."></textarea>
htmlcsshtml5colors
25
Misha Moroshko

Personne n'aime les réponses "se référer à cette réponse", mais dans ce cas, cela peut aider: Changer la couleur de l'espace réservé d'une entrée HTML5 avec CSS

Comme il n'est pris en charge que par quelques navigateurs, vous pouvez essayer le plugin d'espace réservé jQuery (en supposant que vous pouvez\utiliser jQuery). Il vous permet de styliser le texte de l'espace réservé via CSS, car ce n'est vraiment qu'une astuce d'échange qu'il fait avec les événements de focus.

Le plugin ne s'active pas sur les navigateurs qui le prennent en charge, cependant, vous pouvez donc avoir CSS qui cible chrome\firefox et le CSS du plugin jQuery pour attraper le reste.

Le plugin peut être trouvé ici: https://github.com/mathiasbynens/jquery-placeholder

21
Vassi
::-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;
}
27
HasanAboShally

Essaye ça

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

Pour donner une couleur à l'espace réservé, utilisez simplement ces lignes de code:

::-webkit-input-placeholder { color: red; }
::-moz-placeholder {color: red; }
:-ms-input-placeholder { color: red; } 
:-o-input-placeholder { color: red; }
6
daraptoor
#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.
3
Ankit Pundhir