title: Chosen select with jQuery style and colours
body: <p>I'm using the Chosen plugin to present five cascading drop lists on my webpage.  I'd like to use different colours in each select box, however I can't seem to change the colour of the text.</p>
  
  <pre><code>        &lt;script src="/includes/chosen.jquery.js"&gt;&lt;/script&gt;
  
      &lt;!--this select shows the options in red--&gt;
      &lt;select class="RedColour"  id="test1"&gt;&lt;option value="1"&gt;One&lt;/option&gt;&lt;option value="2"&gt;One&lt;/option&gt;&lt;option value="1"&gt;Two&lt;/option&gt;&lt;option value="3"&gt;Three&lt;/option&gt;&lt;/select&gt;
      &lt;!--however this "chosen one" does not--&gt;
      &lt;select class="chosen-select RedColour"  id="test2"&gt;&lt;option value="1"&gt;One&lt;/option&gt;&lt;option value="2"&gt;One&lt;/option&gt;&lt;option value="1"&gt;Two&lt;/option&gt;&lt;option value="3"&gt;Three&lt;/option&gt;&lt;/select&gt;
  
      &lt;script type="text/javascript"&gt;
  
      var config = {
          '.chosen-select': { inherit_select_classes: true },
          '.chosen-select-deselect': { allow_single_deselect: true, inherit_select_classes: true },
          '.chosen-select-no-single': { disable_search_threshold: 10, inherit_select_classes: true },
          '.chosen-select-no-results': { no_results_text: 'Oops, nothing found!' },
          '.chosen-select-width': { width: "95%" }
  
      }
      for (var selector in config) {
          $(selector).chosen(config[selector]);
      }
  
      &lt;/script&gt;      
  </code></pre>