Satya - Changing HTML5 placeholder color with CSS CROSS BROWSER

For Sathyavendan :)

by Sreekesh S K

HTML

<input type="text" placeholder="Your name" name="name" id="name" value="" tabindex="1" />

      <input type="text" class="satya" placeholder="Your name" name="name_2" id="name_2" value="" tabindex="1" />
  
      <textarea placeholder="Some text" cols="40" rows="8" name="textarea" id="textarea"></textarea>


      <textarea placeholder="Some text" cols="40" rows="8" name="textarea_2" id="textarea_2"></textarea>

CSS

::-webkit-input-placeholder {
    color:    black;
}
.satya::-webkit-input-placeholder {
    color:   ORANge;
    font-size: 20px;
}
:-moz-placeholder {
    color:    green;
}
::-moz-placeholder {
    color:    red;
}
:-ms-input-placeholder {
    color:    BLUE;
}