概要
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>
僕から以上