title: Customize bootstrap-select text colors
body: <p>I'm having a hard time changing the colors in my select. </p>
  
  <p><strong>HTML:</strong></p>
  
  <pre><code>&lt;div class="selectContainer"&gt;
    &lt;select name="mySelect" class="form-control pickerSelectClass" id="id_mySelect"&gt;&lt;/select&gt;
  &lt;/div&gt;  
  </code></pre>
  
  <p><strong>JS:</strong></p>
  
  <pre><code>$(document).ready(function() {  
    $(".pickerSelectClass").selectpicker();   
  
    $("#id_mySelect").html(
      '&lt;option value="0"&gt;[Nothing selected]&lt;/option&gt;'
      +'&lt;option value="1"&gt;Option 1&lt;/option&gt;'
      +'&lt;option value="2"&gt;Option 2&lt;/option&gt;'
    )
    $("#id_mySelect").selectpicker("refresh");
  });
  </code></pre>
  
  <p>I'd like to know how to:</p>
  
  <ol>
  <li>Change color of the first option [Nothing selected] when select menu is closed?</li>
  <li>Change color when there are chosen other select options when select menu is closed?</li>
  <li>Change option's color when the select menu is opened?</li>
  <li>Change color when option on hover when select menu is opened?</li>
  <li><p>Change background color of the whole select menu when it is opened?</p>
  
  <p><a href="https://jsfiddle.net/uz46v9mx/1/" rel="nofollow noreferrer">Here is jsFiddle</a></p></li>
  </ol>