Developer Snippet

Style Placeholder Text

Style form placeholder text using CSS vendor prefixes.

#css#scss

/* Style placeholder text */
::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: red;
}
::-moz-placeholder {
  /* Firefox 19+ */
  color: red;
}
:-ms-input-placeholder {
  /* IE 10+ */
  color: red;
}
:-moz-placeholder {
  /* Firefox 18- */
  color: red;
}

Further reading