title: How to make input placeholder text not opaque when the text field background is opaque
body: <p>I have an input text field that is at { opacity: 0.2; } and has a background color of white (#ffffff) on top of a black and white image. The text field is at the correct opacity and looks great. But I want the placeholder text to be white and not effected by the opacity of the input field. I have tried looking up how to style placeholder text, but it still seems to be effected by the elements opacity. How do I go about doing this?</p>
  
  <p>CSS for reference...</p>
  
  <pre><code>html, body {
  padding:0;
  margin: 0;
  background-color:#222222;
  }
  
  .notifyEmail input[type="text"] {
  display:block;
  margin: 0 auto;
  margin-bottom: 10px;
  background-color:#ffffff;
  color: white;
  padding-right:30px;
  font-family:inherit;
  text-transform:uppercase;
  font-size:14px;
  height:50px;
  width:540px;
  opacity:0.2;
  }
  </code></pre>
  
  <p>Thanks so much!</p>