title: How to change the text color of first select option
body: <p>I have a select element which has several items. I want to change the color of its first item, but it seems the color only shows
  when you click on the select dropdown. What I want is to change the color (like gray) when the page is loaded so users can see the first option color is different.</p>
  
  <p>See the example here...
  <a href="http://jsbin.com/acucan/4/" rel="noreferrer">http://jsbin.com/acucan/4/</a></p>
  
  <p>css:</p>
  
  <pre><code>select{
    width: 150px;
    height: 30px;
    padding: 5px;
    color: green;
  }
  select option { color: black; }
  select option:first-child{
    color: green;
  }
  </code></pre>
  
  <p>html:</p>
  
  <pre><code>&lt;select&gt;
      &lt;option&gt;Item1&lt;/option&gt;
      &lt;option&gt;Item2&lt;/option&gt;
      &lt;option&gt;Item3&lt;/option&gt;
  &lt;/select&gt;
  </code></pre>