[Vuejs]-How to override vuetify styling in a specifc component?

0👍

Simply create a class:

<template>
  <v-text-field
    class="custom-field"
    placeholder="What are you looking for"
    outliend
    filled
  ></v-text-field>
</template

<style lang="scss" scoped>
.custom-field {
  padding: 0px!important;
}
</style>

And if you want more customization, please use your own theme in Vuetify object in main.js: documentation here.

Leave a comment