Here's an example of a basic select component in Vuetify:
<v-select
:items="selectablePlaces"
:label="$t('placeLabel')"
v-model="placeId"
required
></v-select>
I'm looking to apply a specific style to all selects in my app:
width: 100px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
Alternatively, is there a Vue trait I can use to prevent the text from overflowing the container? How can I achieve this for all selects in my app?
Check out this CodePen example: https://codepen.io/zbyszek-kisy/pen/vYNzWRO. I want all options to be limited to 100px width.