How to change placeholder color in css
<p><div class="snippet" data-lang="js" data-hide="false">
<div class="snippet-code">
<pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;input name="email" type="text" id="email" size="30" value="" placeholder="EMAIL"/&gt;
&lt;input name="phone" type="text" id="phone" size="30" value="" placeholder="PHONE"/&gt;</code></pre>
</div>
</div>
</p>

<p>I have two form that have id = "email".
First form placeholder color is white.
Second is black.</p>

<p>But, i dont know how to make this without changing email id.
The problem is my second form placeholder color is white. I cannot see this placeholder because the form background is white too.</p>

<p><div class="snippet" data-lang="js" data-hide="false">
<div class="snippet-code">
<pre class="snippet-code-css lang-css prettyprint-override"><code>input#email:-moz-placeholder{
  color:    #999 !important;
}

input#email:-ms-input-placeholder{
  color:    #999 !important;
}</code></pre>
</div>
</div>
</p>