removing the extra input inside a v-select in vuetify

Viewed 260

My v-select has an extra input inside it which makes the styling very problematic. My custom component doesn't add it. I am pretty sure it's some vuetify stuff. Does anybody know how to get rid of it?enter image description here

1 Answers

From my experience, there isn't a Vuetify prop to remove it, but you can set it's display as none.

If you want to remove it globally you can just add this selector to your main style file:

.v-select .v-select__selections input {
    display: none;
}

You can specify it by selector or even use ::v-deep if you're in a scoped style tag.

Related