title: Vuetify Datatable: customize dropdown menu for sorting below mobilebreakpoint
body: <p>I'm using Vuetify (2.6.1) data tables and they work great.<br />
  I wonder if it is possible to customize the UI of a particular case:<br />
  -&gt; when the v-data-table is in responsive into the mobile breakpoint.</p>
  <p>The UI looks like this:</p>
  <p><a href="https://i.stack.imgur.com/uVKVs.png" rel="nofollow noreferrer">data table list on mobile - sort field highlighted</a></p>
  <p>Is it possible, just in this case, to customize the select highlighted in red here ?<br />
  I tried to update the the global CSS but things are not clean because when an item is selected from the list there is a v-chip added:</p>
  <p><a href="https://i.stack.imgur.com/QjQwf.png" rel="nofollow noreferrer">data table list on mobile with sort selected</a></p>
  <p>I would like the select to look like and behave just like in this case here highlighted in red:</p>
  <p><a href="https://i.stack.imgur.com/ut312.png" rel="nofollow noreferrer">vuetify documentation - select solo style</a></p>
  <p>I searched on the documentation and API, stack overflow, vuetify github's and tried different ways but I haven't found a way on how to properly style the sort select input.</p>
  <p>Is anyone have any idea ? Maybe I'm missing something.</p>
  <p>Thank you for your help.</p>