Vuetifyのv-text-fieldのアンダーラインの消し方

概要
Vuetifyのv-text-fieldについて、文字を記入する前も記入中にも、記入欄にはアンダーラインが記載されている。それをなくしたい。

初期状態はアンダーラインがないが、クリックするとアンダーラインが表示される。

逆もできるし、クリックするかどうか関わらずアンダーラインを消すことができる。それは次のようにclassを定義する。

ソースコード

<style>
.title-v-text-field.v-text-field >>> .v-input__slot::before {
  border-style: none !important;
}
.title-v-text-field.v-text-field >>> .v-input__slot::after {
border-style: none !important;
}
</style>

僕から以上