fatBuzz of Fatbuzz Development Team
12/18/2017 - 10:28 AM

Form placeholder text

Add placeholder.css to the sites main css file.

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

Supported styles:

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;
}

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