title: Vuetify: How to specify the background-color of a selected item in v-select component
body: <p>I have a v-select widget (combobox / select) in a Vue application. When I open it and hover over an option, the background-color of the option is highlighted (currently light-grey). I want the background-color to have a different color when the mouse arrow hovers over an option. I can not see a property of the v-select widget that supports this. Is there a way to achieve this?</p>
  
  <pre><code>v-select::hover {
    background-color: "#00857A";
  }
  </code></pre>
  
  <pre><code>&lt;v-select
      append-icon="../assets/img/sy-arrow-chevron-down.svg"
      background-color="white"
      :height="68"
      item-text="label"
      item-value="key"
      class="mr-3"
      v-model="type"
      :width="421"
      :items="searchCriteria"
      @change="performSearch()"
    &gt;&lt;/v-select&gt;
  </code></pre>