title: How to customise a dropdown list in angularJS using ionic framework
body: <p>I am new to both AngularJs and ionic framework. I am trying to create a drop down list component. I was able to do that with the below code.</p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;ion-view title="Drop down list"&gt;
        &lt;ion-content&gt;
            &lt;div class="list list-inset"&gt;
                &lt;label class="item item-input item-select"&gt;
                    &lt;div class="input-label"&gt;
                        &amp;nbsp;
                    &lt;/div&gt;
                    &lt;select&gt;
                        &lt;option selected&gt;State 1&lt;/option&gt;
                        &lt;option &gt;State 2&lt;/option&gt;
                        &lt;option&gt;State 3&lt;/option&gt;
                        &lt;option&gt;State 4&lt;/option&gt;                      
                    &lt;/select&gt;
                &lt;/label&gt;
            &lt;/div&gt;
          &lt;/ion-content&gt;
    &lt;/ion-view&gt;
  </code></pre>
  
  <p>But, I need to customise the UI to match the google style specification. How can I do that? I need a dropdown list with the below look and feel.
  <a href="https://i.stack.imgur.com/IsVYA.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/IsVYA.png" alt="enter image description here"></a></p>