title: How to use different colors for each select2 option?
body: <p>I'm using a select2 dropdown, and would like to set different colours on each options. </p>
  
  <p>
  Example: </p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;select class="select2" name="fruit"&gt;
    &lt;option class="red-option"&gt;Apple&lt;/option&gt;
    &lt;option class="green-option"&gt;Kiwi&lt;/option&gt;
    &lt;option class="blue-option"&gt;Grape&lt;/option&gt;
  &lt;/select&gt;
  </code></pre>
  
  
  
  <p>I can colourize the rendered, selected option as follow:</p>
  
  <pre class="lang-css prettyprint-override"><code>.select2-selection__rendered[title="Apple"] {
    color: red !important;
  }
  </code></pre>
  
  <p>How to also colourize the options in the select2 dropdown - either based on the option class ('red-option') or value ('Apple')?</p>
  
  <p>PS: I use bootstrap 3.3 + jQuery and don't mind using JS to do this if I must.</p>