修改el-select或者el-input样式失效

下午改el-input和el-select这两个的样式真的烦，，，还不如写原生标签了。。

样式使用的是sass

我已经在样式器中挨着挨着去找了，把层级的类都写下来了

.select-wraper{
    //下拉框
   .el-select{
    .el-input .el-input__wrapper{
      background-color: red;
    }
   }
  }

可是一直不生效，最初看到说 popper-append-to-body="false"设置为false，没用。。。

后面感觉就是样式穿透的问题，
注意用在css中穿透是：/v-deep/ 选择器 ，还有看到less貌似是： :v-deep(选择器)也不是，在scss中使用::v-deep(选择器)，注意没有空格，然后按照所寻找的样式选择器放进来就可以了。

而且注意不是background-color: none;

::v-deep(.el-input .el-input__wrapper){
      background-color: none;
    }

因为在页面的时候我取消样勾选就满意黑色，所以以为设置的是none，结果代码里面设置none是白色，然后一直以为没有生效，当改成自己想要的颜色就可以了

.select-wraper{
    //下拉框
   .el-select{
    ::v-deep(.el-input .el-input__wrapper){
      background-color: red;
    }
   }
  }

结果如下：

下拉框的样式

虽然输入的颜色自定义了，但是上述的下拉框还是白色的
可以尝试的方案：

1.popper-append-to-body=’false’，但发现还是会去body，
2.样式写style不加scoped还是无效
https://www.cnblogs.com/clownblogs/p/17280284.html

3.自定义类实现新的样式
https://juejin.cn/post/7039883315922354207
但是这个我加了也没有找到类目，添加失败

主要就是.el-popper.is-light类 和.el-select__popper.el-popper类的 background设置无效
最后直接使用关键字effect='dark' 先用着。。。