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

遇到的問題如下： elementUI裏使用複合input輸入框時，默認append的樣式不能滿足後面經緯度符號的顯示，並且背景顏色也有問題，對此進行樣式修改，如下 但修改後的效果如第一張圖所示沒有任何效果，在Chrome裏也並未出現上述樣式，明顯是沒有選中 於是想到深度選擇器，依稀記得原來好像使用過/deep/深度選擇器，不過vue編譯報錯 使用 >>> 選擇器也不行，編譯能通過，但不生效 於是在

>>阅读原文<<