解决vue+scss中使用 /deep/ 不生效

遇到的问题如下：

elementUI里使用复合input输入框时，默认append的样式不能满足后面经纬度符号的显示，并且背景颜色也有问题，对此进行样式修改，如下

但修改后的效果如第一张图所示没有任何效果，在Chrome里也并未出现上述样式，明显是没有选中

于是想到深度选择器，依稀记得原来好像使用过/deep/深度选择器，不过vue编译报错
使用 >>> 选择器也不行，编译能通过，但不生效

于是在vue的官方文档找到了解决办法，关于为什么/deep/选择器没有生效在此没有深入研究，欢迎大佬指正。
使用 ::v-deep 替换深度选择器后，虽然vsc的代码高亮没有识别出来，但是实际样式生效了

有任何问题欢迎大佬指正，我只是解决问题，没有去探究原因，欢迎大佬补充。