With CSS you can change the style of placeholder text in form and search fields, the placeholder HTML 5 form attribute is supported in the latest browser versions.

You can change how the placeholder text style looks in the browser via CSS by default using the ::input-placeholder pseudo selector… By default the CSS styling in browsers is a small font with a light grey coloring, you can change this by using the CSS dynamic pseudo selectors, which will cover the major browsers Safari, Chrome, Firefox and IE…

below styling for our placeholder text

/* Chrome, Safari, Opera */
::-webkit-input-placeholder {
  color: red;
  font-size: 13px;
}

/* Firefox */
::-moz-placeholder {
  color: red;
  font-size: 13px;
}

/* IE 10+ */
:-ms-input-placeholder {
  color: red;
  font-size: 13px;
}
::placeholder {
  color: red;
  font-size: 13px;
}