如何在css中更改占位符颜色

<input name="email" type="text" id="email" size="30" value="" placeholder="EMAIL"/>
<input name="phone" type="text" id="phone" size="30" value="" placeholder="PHONE"/>

我有两个有id =“email”的表单.
第一种形式占位符颜色为白色.
第二是黑色.

但是,我不知道如何在不改变电子邮件ID的情况下做到这一点.
问题是我的第二种形式占位符颜色是白色.我看不到这个占位符,因为表单背景也是白色的.

input#email:-moz-placeholder{
  color:    #999 !important;
}

input#email:-ms-input-placeholder{
  color:    #999 !important;
}

#your_form input#email::-webkit-input-placeholder {color:#999;}
#your_form input#email::-moz-placeholder          {color:#999;}
#your_form input#email:-moz-placeholder           {color:#999;}
#your_form input#email:-ms-input-placeholder      {color:#999;}