title: Change select background to match selected option background
body: <p>I have a simple query here:</p>
  
  <p>I built a simple select with 2 different colored options: red and green.</p>
  
  <pre><code>.green { color: #217A23; }
  .red    { color: #AA0000; }
  
  &lt;select id="select"&gt;
      &lt;option class='green'&gt;green&lt;/option&gt;
      &lt;option class='red'&gt;red&lt;/option&gt;
  &lt;/select&gt;
  </code></pre>
  
  <p>I'd like the select text WHEN CLOSED to match the selected text's color.</p>
  
  <p>Thus, after selecting green in the dropdown, I would like the select text to be green as well. Right now, I can select the green text, but when the menu closes, the word "green" is still black in color.</p>
  
  <p>Does this require jQuery to do? </p>
  
  <p><a href="http://jsfiddle.net/8zkx9yu0/" rel="nofollow noreferrer">http://jsfiddle.net/8zkx9yu0/</a></p>