.screen-select {
  // 自定义选择器
  .el-select {
    // 修改el-select的输入框的border
    --el-border-color-hover: rgba(22, 127, 255, 0.6);
    --el-border-color: rgba(22, 127, 255, 0.6);
    // el-select的input输入框的右边的下箭头的颜色
    --el-select-input-color: rgb(255, 255, 255) !important;
    // el-select的input输入框的左边的光标的颜色
    --el-select-multiple-input-color: rgb(255, 255, 255) !important;

    // 修改el-select的输入框的placeholder的字体颜色
    .el-select__placeholder.is-transparent {
      color: #fff !important;
    }

    // 修改el-select的输入框中显示已经选择的option name的字体颜色
    .el-select__placeholder {
      color: #fff !important;
    }

    // 修改el-select的输入框的背景色
    .el-select__wrapper {
      background-color: #167fff33;
      border: 1px solid rgba(22, 127, 255, 0.6);
    }

    // 修改el-select下拉框的字体颜色
    el-select-dropdown__item {
      color: #fff !important;
    }

    .is-light {
      ::before {
        background: none !important;
      }
    }

    .el-select__popper.el-popper {
      border: none !important;
    }

    ::before {
      border: none !important;
    }
    .el-scrollbar {
      .el-select-dropdown__list {
        background: rgb(21, 30, 89) !important;
      }
      .el-select-dropdown__item {
        color: #fff !important;
      }
      .el-select-dropdown__item.is-hovering {
        background-color: #60a7ee !important;
      }
    }
  }
}
