How to set the color of placeholder text

Question

Is that possible to set the color of placeholder text     lt textarea placeholder  Write your message here     gt  lt  textarea gt

User · Answer

Try this   x000D   x000D  input  -webkit-input-placeholder      WebKit browsers    x000D      color      f51  x000D    x000D  input -moz-placeholder      Mozilla Firefox 4 to 18    x000D      color      f51  x000D    x000D  input  -moz-placeholder      Mozilla Firefox 19     x000D      color      f51  x000D    x000D  input -ms-input-placeholder      Internet Explorer 10     x000D      color      f51  x000D    x000D   lt input type  text  placeholder  Value    gt  x000D   x000D   x000D

User · Answer

Nobody likes the  refer to this answer  answers  but in this case it may help  Change an HTML5 input  39 s placeholder color with CSS  Since it s only supported by a couple of browsers  you can try the jQuery placeholder plugin  assuming you can are using jQuery   It allows you to style the placeholder text via CSS since it s really only a swap trick it does with focus events   The plugin does not activate on browsers that support it  though  so you can have CSS that targets chrome firefox and the jQuery plugin s CSS to catch the rest   The plugin can be found here  https   github com mathiasbynens jquery-placeholder

User · Answer

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

User · Answer

Try this  textarea  -webkit-input-placeholder    color   999

User · Answer

-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

User · Answer

For giving placeholder a color just use these lines of code     -webkit-input-placeholder   color  red      -moz-placeholder  color  red     -ms-input-placeholder   color  red      -o-input-placeholder   color  red

User · Answer

For Firefox use    input -moz-placeholder   color   aaa     textarea -moz-placeholder   color   aaa     For all other browsers  Chrome  IE  Safari   just use     placeholder   color   aaa

[css] How to set the color of "placeholder" text?

Examples related to css

Examples related to html

Examples related to colors