title: How to apply style to currently selected option element in select?
body: <p>I need to set <code>style="color: #D4D4D4"</code> to specific option elements of <code>select</code>. When I set <code>&lt;option value="TEST" style="color: #D4D4D4"&gt;TEST&lt;/option&gt;</code> it successfully changes style when drop down of options is expanded. However the currently selected option element in <code>select</code> (when drop down is not expanded) still has default font color. How to change it? </p>
  
  <p><strong>Update:</strong></p>
  
  <p>Thanks! But <code>sel.onchange</code> is not tracking changes made to attributes of option. I use jQuery to set attribute and need update to be reflected in select immediately. How can I do that?</p>
  
  <p>jQuery</p>
  
  <pre><code>$('.form-control option[value="' + $scope.environment + '"]').attr('style', 'color: #D4D4D4');
  </code></pre>