title: Adding CSS rectangle within dropdown menu options
body: <p>I'm trying to add a small rectangle filled with color to the inside of a dropdown menu but it's not working. Ideally the option would looks like "red |||||" where the |||| would be a red rectangle. Here is the relevant HTML that isn't working (I'm aware that it currently makes all the rectangles red):</p>
  
  <pre><code>&lt;select class="bootstrap-select btn" name="colorSelect"&gt;
          &lt;option name="name0" value="0"  &gt;red&lt;span class="colorRectangle"&gt;&lt;/span&gt;&lt;/option&gt;
          &lt;option name="name1" value="1"  &gt;green&lt;span class="colorRectangle"&gt;&lt;/span&gt;&lt;/option&gt;
          &lt;option name="name2" value="2"  &gt;blue&lt;span class="colorRectangle"&gt;&lt;/span&gt;&lt;/option&gt;
  &lt;/select&gt;
  </code></pre>
  
  <p>And CSS:</p>
  
  <pre><code> .colorRectangle{
          width:30px;
          height:20px;
          background:red;
      }
  </code></pre>