title: How do change the color of the text of an <option> within a <select>?
body: <p>I am trying to change the color of the first option to grey color, that only the text (select one option) but here it's not working here:</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>.grey_color {
    color: #ccc;
    font-size: 14px;
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;select id="select"&gt;
     &lt;option selected="selected"&gt;&lt;span class="grey_color"&gt;select one option&lt;/span&gt;&lt;/option&gt;
     &lt;option&gt;one&lt;/option&gt;  
     &lt;option&gt;two&lt;/option&gt;  
     &lt;option&gt;three&lt;/option&gt;  
     &lt;option&gt;four&lt;/option&gt;  
     &lt;option &gt;five&lt;/option&gt;  
  &lt;/select&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>My jsfiddle is here <a href="http://jsfiddle.net/sureshpattu/hUpAB/" rel="noreferrer">jsfiddle</a></p>