el-select option换颜色

element中   给el-select标签加:popper-append-to-body="false"  再设置样式。

elementplus中   给el-select标签加:teleported="false"  再设置样式；popper-append-to-body再elementplus中被弃用。

//设置option列表的样式
::v-deep .el-popper.is-pure {
   padding: 0;
   border: 1px solid rgba(0, 83, 91, 1);
   border-radius: 4px;
   background: rgba(0, 83, 91, 1) !important;
 }
//每一个option
::v-deep .el-select-dropdown__item{
  color: #fff;
  margin: 0 12px 0 10px !important;
  border-bottom: 1px solid rgba(216, 216, 216, 0.1);
}

//选中一个option
::v-deep .el-select-dropdown__item.selected {
  content: unset !important;
  margin: 0 12px 0 10px !important;
  color: #56FEFE !important;
}
//鼠标滑过option时
::v-deep .el-select-dropdown__item.hover {
  background-color: unset !important;
  margin: 0 12px 0 10px !important;
  color: #56FEFE !important;
}
//option为空的时候
::v-deep .el-select-dropdown__empty{
  color: #fff;
}
//鼠标滑过select框，去掉白框
::v-deep .el-select:hover:not(.el-select--disabled) .el-input__wrapper {
   box-shadow: unset;
}