title: How to change default dropdown color for bootstrap 4 selectpicker?
body: <p>My form is consists of single and multiple dropdown select. So I prefer to use 1 class only for my single and multiple which is <code>selectpicker</code>. However, I want to change the default grey color for Bootstrap 4 Dropdown <code>selectpicker</code> class to clear color. Where is exactly color that needs to be changed in CSS file for <code>.bootstrap-select</code> class?</p>
  
  <p><strong>Current View</strong> (actually this no disabled but the view is like disabled)
  <a href="https://i.stack.imgur.com/Y4Oyr.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Y4Oyr.jpg" alt="enter image description here"></a></p>
  
  <p><strong>To be like this</strong> (I try to use <code>custom-select2</code> class as example of clear color)
  <a href="https://i.stack.imgur.com/veXRb.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/veXRb.jpg" alt="enter image description here"></a></p>
  
  <p><strong>HTML</strong></p>
  
  <pre><code>&lt;div class="form-group"&gt;
      &lt;select id="region" class="font-14 selectpicker form-control"&gt;
          &lt;option value=""&gt;-- REGION --&lt;/option&gt;
          &lt;option value="allregions" id="allregions"&gt;All Regions&lt;/option&gt;
      &lt;/select&gt;
  &lt;/div&gt;
  </code></pre>