vuetify第三方框架中遇到标签在定义class样式的时候无效解决方法?

解决input框的默认下划线:
图片如下:

代码如下：

<v-text-field
class="text-div"
 label="Regular"
 >
</v-text-field>

class：

//这样解决问题是无效的
.text-div{
border-style:none;
}

//正确去掉下划线:
//要获取到当前的class去掉:想去掉的style效果
//成功解决问题
.text_div>>> .v-input__slot::before {
  border-style: none !important;
}
//或者去掉其它的默认属性:也可以通过获取当前class

记录一下!