title: When I use select tag in my Vue app, the drop-down-icon is disappeared. (Chrome)
body: <p>I'm developing a Vue.js application with Vuetify. But when I use a select tag, the drop-down-icon is disappeared.</p>
  
  <pre><code>&lt;template&gt;
      &lt;select class="select"&gt;
          &lt;option
              v-for="item items"
              :key="item"
          &gt;{{item}}&lt;/option&gt;
      &lt;/select&gt;
  
  &lt;/template&gt;
  
  &lt;script&gt;
  export default {
      data: () =&gt; ({
          items:['apple', 'tomato']
      }),
  };
  &lt;/script&gt;
  
  &lt;style&gt;
  .select {
      border-radius: '3px';
      border: '1px solid #333333';
      padding-left: '3px';
  }
  &lt;/style&gt;
  </code></pre>
  
  <p><a href="https://i.stack.imgur.com/H6I98.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/H6I98.png" alt="enter image description here"></a></p>
  
  <p>But when I test pure HTML code in a Chrome, I can see the drop-down icon.</p>
  
  <pre><code>&lt;select&gt;
      &lt;option&gt; apple&lt;/option&gt;
      &lt;option&gt; tomato&lt;/option&gt;
  &lt;/select&gt;
  </code></pre>
  
  <p><a href="https://i.stack.imgur.com/uVeYw.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/uVeYw.png" alt="enter image description here"></a></p>
  
  <p>I guess that the Vuetify changed CSS style of my app. How can I make the icon appears?</p>
  
  <p>I can't use . Because v-select is too big. I need a small height select box. That's why I use vanilla select tag.   </p>