title: style bootstrap multiselect to look like a normal select
body: <p>I am using bootstrap-multiselect to add dropdown multiselect functionaility to selects but I do not like the way it looks and can't seem to overide the style.</p>
  <p>I would like it to look like a normal bootstrap form control but adding these classes does nothing.</p>
  <pre><code>&lt;h1&gt;Normal BS select&lt;/h1&gt;
  &lt;div class=&quot;input-group input-group-sm mb-2&quot;&gt;
    &lt;select class=&quot;form-control form-control-sm&quot; id=&quot;select1&quot;&gt;
      &lt;option value=&quot;1&quot;&gt;One&lt;/option&gt;
      &lt;option value=&quot;2&quot;&gt;Two&lt;/option&gt;
      &lt;option value=&quot;3&quot;&gt;Three&lt;/option&gt;
    &lt;/select&gt;
  &lt;/div&gt;
  &lt;h1&gt;
  Bootstrap multiselect
  &lt;/h1&gt;
  &lt;div class=&quot;input-group input-group-sm mb-2&quot;&gt;
    &lt;select class=&quot;form-control form-control-sm&quot; id=&quot;select2&quot; multiple=&quot;multiple&quot;&gt;
      &lt;option value=&quot;1&quot;&gt;One&lt;/option&gt;
      &lt;option value=&quot;2&quot;&gt;Two&lt;/option&gt;
      &lt;option value=&quot;3&quot;&gt;Three&lt;/option&gt;
    &lt;/select&gt;
  &lt;/div&gt;
  </code></pre>
  <p>I have created a <a href="https://jsfiddle.net/dawson8/qzdnkwos/14/" rel="nofollow noreferrer">JSfiddle</a> to show the difference.</p>
  <p>I have also tried to change the bootstrap-multiselect stylesheet but again nothing I change seems to work</p>
  <p>EDIT:- It is the grey background and lack of border of the bootstrap-multiselect that I do not like</p>