title: how to span a color block along with text in options tag
body: <p>Is it not just as easy as this?    </p>
  
  <pre><code>&lt;select&gt;
  &lt;option&gt;Red&lt;span style="width:7px;height:7px;background:red"&gt;&lt;/span&gt;&lt;/option&gt;
  &lt;option&gt;Green&lt;span style="width:7px;height:7px;background:green"&gt;&lt;/span&gt; 
  &lt;/option&gt;
  &lt;/select&gt;
  </code></pre>
  
  <p>trying to acheive output like below</p>
  
  <p><a href="https://i.stack.imgur.com/cQutV.jpg" rel="noreferrer"><img src="https://i.stack.imgur.com/cQutV.jpg" alt="colorDropdown"></a></p>
  
  <p>anyone any ideas how to do that?</p>