title: Change placeholder opacity
body: <p>I am changing the opacity of an input field like this...</p>
  
  <pre><code>&lt;body&gt;
      &lt;form&gt;
          &lt;input type="text" name="fname" placeholder="First name"&gt;&lt;br&gt;
      &lt;/form&gt;
  &lt;/body&gt;
  
  body{background:black}
  input{height:30px;opacity:.5;}
  </code></pre>
  
  <p><a href="http://jsfiddle.net/hbakrvnv/" rel="noreferrer">http://jsfiddle.net/hbakrvnv/</a></p>
  
  <p>This works but it also changes the opacity of the placeholder.  How can I keep the placeholder text as white on top of the 50% opacity input field?</p>