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

作者：你好赵伟 | 2024-04-23 19:08:23

踩

解决input框的默认下划线:
图片如下:
在这里插入图片描述
代码如下：

<v-text-field
class="text-div"
 label="Regular"
 >
</v-text-field>
1
2
3
4
5

class：

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

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

1
2
3
4
5
6
7
8

记录一下!

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/你好赵伟/article/detail/475556