title: Knockout.js changing colour of <option> when using 'options' binding?
body: <p>Is it possible to alter the styling (using 'style' or 'css' binding) of a select list's option element when using the 'options' binding on a select list? Or can this only be done by using a 'foreach' on the select list and altering the styling for each ?</p>
  
  <p>I have this in code:</p>
  
  <pre><code>&lt;select id="components-select" size="4" name="components-select"
                          data-bind=" options: combinedComponents, 
                                      optionsText: 'displayName', 
                                      optionsValue: 'id', 
                                      value: chosenComponent"&gt;&lt;/select&gt;
  </code></pre>
  
  <p>but if I append <code>style: {color:  isDefault() === true ? 'black' : 'red'}</code> then the entire list is coloured Red if <code>isDefault</code> returns false.</p>
  
  <p>Is the only way to achieve this to code it this way:</p>
  
  <pre><code>&lt;select id="components-select" size="4" name="components-select"
                          data-bind="foreach: combinedComponents"&gt;
      &lt;option data-bind="value: id, text: displayName, style: {color: isDefault() === true ? 'black' : 'red'}"&gt;&lt;/option&gt;
  &lt;/select&gt;
  </code></pre>
  
  <p>Or is there some form of Knockout.js wizardry that I am not aware of?</p>
  
  <p>Thanks!</p>