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

场景：vue写项目时，穿透样式,改变导航按钮文字颜色时报错解决办法：全局搜索把/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 #d9d9

dujianqiu

2763人浏览 · 2022-04-19 00:14:08

dujianqiu · 2022-04-19 00:14:08 发布

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

解决办法：全局搜索把/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;
    }

重启成功：

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^