How can i change the placeholder text color to white

Question

I am trying to figure out how to change the color of placeholder text for a search box to white, here is my css:

Heres the html:

Answer 1

You can use the ::placeholder pseudo class.

input {
  background-color: #907;
}

input::placeholder {
  color: #fff;
}

<input type="text" placeholder="Enter Description Here" />

However, it is not standardized, and may not work well across all browsers.

Add vendor prefixes for better support:

input {
  background-color: #907;
}

input::placeholder {
  color: #fff;
}

::-webkit-input-placeholder {  /* Chrome/Opera/Safari */
  color: #fff;
}
::-moz-placeholder {  /* Firefox 19+ */
  color: #fff;
}
:-moz-placeholder { /* Firefox 18- */
  color: #fff;
}
:-ms-input-placeholder {  /* Edge/IE 10+ */
  color: #fff;
}

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

Important: Do not group these selectors, as explained in this post.