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

遇到的问题如下： elementUI里使用复合input输入框时，默认append的样式不能满足后面经纬度符号的显示，并且背景颜色也有问题，对此进行样式修改，如下 但修改后的效果如第一张图所示没有任何效果，在Chrome里也并未出现上述样式，明显是没有选中 于是想到深度选择器，依稀记得原来好像使用过/deep/深度选择器，不过vue编译报错 使用 >>> 选择器也不行，编译能通过，但不生效 于是在

>>阅读原文<<