elementUI中修改下拉框的背景颜色和字体颜色

在项目开发过程中，需要用到下拉框，于是想到使用elementUI中的下拉框
就是需要修改一下字体颜色和背景颜色

/deep/.el-input__inner {
  background-color: rgba(108,113,127,30%);
  border: 1px solid rgba(13, 43, 81, 0.1);
  color: rgba(116, 116, 116, 1);
  padding: 0 0px 0 5px;
  font-size: 12px;
  border-radius: 0px;
}

至此都是顺利的，但是在修改背景图片的时候，在浏览器上修改可以生效的样式，写到代码里就不生效了，于是开始百度之旅

/deep/.el-select-dropdown{
  background-color: rgb(51 55 64)!important;
  /* background-color: #f0f; */
  color: rgba(116, 116, 116, 1)!important;
  border: none;
}

官方的解释：
Popper-append-to-body属性是Element-UI官方文档中提供的一个属性，该属性的用途就是将el-select选项的内容移动div#app当中，默认值是true

:popper-append-to-body="false"

自此，问题解决