报错 Syntax Error: SassError: expected selector. ╷ 21 │ /deep/ .el-input__inner { 解决

场景:vue写项目时,穿透样式,改变导航按钮文字颜色时报错 

报错 Syntax Error: SassError: expected selector. ╷ 21 │ /deep/ .el-input__inner { 解决_第1张图片

解决办法:全局搜索把/deep/ 改成 ::v-deep

/deep/ .el-input__inner {
      border-radius: 0;
      border: 0;
      padding-left: 0;
      padding-right: 0;
      box-shadow: none !important;
      border-bottom: 1px solid #d9d9d9;
      vertical-align: middle;
    }

修改为:
::v-deep .el-input__inner {
      border-radius: 0;
      border: 0;
      padding-left: 0;
      padding-right: 0;
      box-shadow: none !important;
      border-bottom: 1px solid #d9d9d9;
      vertical-align: middle;
    }

重启成功:

报错 Syntax Error: SassError: expected selector. ╷ 21 │ /deep/ .el-input__inner { 解决_第2张图片

 

你可能感兴趣的:(前端,vue,vscode)