title: Changing the color of dropdown placeholder in form
body: <p>I'm making form with a drop down element. I want the placeholder text to be gray, just like in the 'text input' forms, and the answer to be black.</p>
  
  <p>I managed to make the answers another color in the dropdown menu, but when you select it, it changes to the color of the placeholder.</p>
  
  <p>The code I'm using;</p>
  
  <pre><code>&lt;select class="remindmedropdown"&gt;
  &lt;option value="0" selected disabled&gt;QUESTION&lt;/option&gt;
  &lt;option value="1"&gt;Answer 1&lt;/option&gt;
  &lt;option value="2"&gt;Answer 2&lt;/option&gt;
  &lt;option value="3"&gt;Answer 3&lt;/option&gt;
  &lt;/select&gt;
  </code></pre>
  
  <p>CSS:</p>
  
  <pre><code>.remindmedropdown {
  width: 240px;
  height: 40px;
  background-color: #FFF;
  padding: 10px;
  margin-right: 30px;
  outline-color:#A7D5E4;
  color:#990000;
  }
  
  
  
  .remindmedropdown option { color: gray; }
  </code></pre>
  
  <p>Edit: jsfiddle <a href="http://jsfiddle.net/QkYC9/1/" rel="nofollow">http://jsfiddle.net/QkYC9/1/</a></p>