[Vuejs]-Vuetify v-select: Styling. Get rid of the underline and customize the placeholder

by

0👍

  1. set the v-select into outlined
  2. do this on style section
.custom >>> fieldset {
  border-style: none;
}

-1👍

.select_class_name.v-text-field>.v-input__control>.v-input__slot:before { 
     border-style: none; 
} 
.select_class_name.v-text-field>.v-input__control>.v-input__slot:after { 
     border-style: none; 
}

Just replace the class name with the name of the class on your v-select.

Leave a comment