title: How to add buttons next to select tag
body: <p>I need to add close <code>button</code> to clear select element in <code>select</code> tag, as well as I need to make the <code>dropdown</code> like a <code>button</code> as below image
  <a href="https://i.stack.imgur.com/qZvJ1.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/qZvJ1.png" alt="enter image description here"></a> </p>
  
  <p>Here is my HTML code:</p>
  
  <pre><code>&lt;div class="form-group"&gt;
    &lt;label for="sel1"&gt;Select Asset:&lt;/label&gt;
    &lt;select class="form-control" id="assetCategory"&gt;
        &lt;option value="" selected disabled&gt;Select Asset&lt;/option&gt;
        &lt;option value="1"&gt;Asset 1&lt;/option&gt;
        &lt;option value="2"&gt;Asset 2&lt;/option&gt;
        &lt;option value="3"&gt;Asset 3&lt;/option&gt;
        &lt;option value="4"&gt;Asset 4&lt;/option&gt;
    &lt;/select&gt;
  &lt;/div&gt; 
  </code></pre>
  
  <p>How can I do this? Or is it not possible to do?</p>