jmccole83
12/12/2017 - 8:06 PM

Form placeholder text

Style form placeholder text using placeholder.css, update the styling as required.

Important warning: this syntax is non-standard, thus all the vendor prefixes. It doesn't appear in the spec at all.

Supported style: font properties color background properties word-spacing letter-spacing text-decoration vertical-align text-transform line-height text-indent opacity

placeholder.css
content_copyfile_download
::-webkit-input-placeholder 
      { 
      /* Chrome/Opera/Safari */
  
      color: pink;
}
::-moz-placeholder 
      { 
      /* Firefox 19+ */
  
      color: pink;
}
:-ms-input-placeholder 
      { 
      /* IE 10+ */
  
      color: pink;
}
:-moz-placeholder 
      { 
      /* Firefox 18- */
  
      color: pink;
}

/*Working Example:*/
input[type="email"]::webkit-input-placeholder {
  color: orange;
}