解决vue+scss中使用 /deep/ 不生效
遇到的问题如下:elementUI里使用复合input输入框时,默认append的样式不能满足后面经纬度符号的显示,并且背景颜色也有问题,对此进行样式修改,如下但修改后的效果如第一张图所示没有任何效果,在Chrome里也并未出现上述样式,明显是没有选中于是想到深度选择器,依稀记得原来好像使用过/deep/深度选择器,不过vue编译报错使用 >>> 选择器也不行,编译能通过,但不生
·
遇到的问题如下:
elementUI里使用复合input输入框时,默认append的样式不能满足后面经纬度符号的显示,并且背景颜色也有问题,对此进行样式修改,如下
但修改后的效果如第一张图所示没有任何效果,在Chrome里也并未出现上述样式,明显是没有选中
于是想到深度选择器,依稀记得原来好像使用过/deep/
深度选择器,不过vue编译报错
使用 >>>
选择器也不行,编译能通过,但不生效
于是在vue的官方文档找到了解决办法,关于为什么/deep/
选择器没有生效在此没有深入研究,欢迎大佬指正。
使用 ::v-deep
替换深度选择器后,虽然vsc的代码高亮没有识别出来,但是实际样式生效了
有任何问题欢迎大佬指正,我只是解决问题,没有去探究原因,欢迎大佬补充。
更多推荐
已为社区贡献2条内容
所有评论(0)