title: How to change the cursor default to pointer in Vuetify component
body: <p>I want to change cursor default to pointer when active autocomplete in Vuetify.
  I tried to make css code to change cursor.
  but mouse drag on the autocomplete bottom, cursor change &quot;text&quot; style like &quot;I beem&quot;. I want to show the &quot;pointer &quot; style.
  I couldn't find out any idea Vuetify web site.
  Does anyone have idea?</p>
  <pre class="lang-html prettyprint-override"><code>&lt;template&gt;
    &lt;v-card&gt;
      &lt;v-container fluid&gt;
        &lt;v-row
          align=&quot;center&quot;
        &gt;
          &lt;v-col cols=&quot;12&quot;&gt;
            &lt;v-autocomplete
              v-model=&quot;value&quot;
              :items=&quot;items&quot;
              dense
              filled
              label=&quot;Filled&quot;
              class=&quot;test_cursor&quot;
            &gt;&lt;/v-autocomplete&gt;
          &lt;/v-col&gt;
        &lt;/v-row&gt;
      &lt;/v-container&gt;
    &lt;/v-card&gt;
  &lt;/template&gt;
  
  &lt;script&gt;
    export default {
      data: () =&gt; ({
        items: ['foo', 'bar', 'fizz', 'buzz'],
        values: ['foo', 'bar'],
        value: null,
      }),
    }
  &lt;/script&gt;
  &lt;style lang=&quot;scss&quot; scoped&gt;
  .test_cursor{
      cursor: pointer;
  }
  &lt;/style&gt;
  </code></pre>