el-input__inner样式不生效问题

方法1

父组件的 scoped 样式不能穿透到子组件上。
使用 /deep/ 或者 >>> 解决

/deep/.el-input__inner  {
  color: black;
}

方法2

在vue中，把style的scoped去掉就可以了。跟作用域有关

但这种方法不可取，把scoped去掉，其他页面的有这个类的话，也会跟着改。

方法3

重新定义一个类名，然后再写样式

.inputColorBlack{
  .el-input__inner  {
    color: black;
  }
}

我是用了方法3，因为打包部署后，方法1、2我会有问题
方法3效果如下