el-input__inner样式不生效问题

作者：盐析白兔 | 2024-02-16 20:37:15

踩

el-input__inner

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

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

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

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

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

.inputColorBlack{
  .el-input__inner  {
    color: black;
  }
}
1
2
3
4
5

我是用了方法3，因为打包部署后，方法1、2我会有问题
方法3效果如下
在这里插入图片描述

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/盐析白兔/article/detail/96512