feat: 下拉选择框样式修改，任务管理已完成修改为已执行

张含笑

2025-04-18 747a21d827af207e5e214ccd0d5cff90709d3fc9

feat: 下拉选择框样式修改，任务管理已完成修改为已执行

 src/styles/element-ui.scss

@@ -237,7 +237,7 @@
    color: #ffffff;
  }
}

// :teleported="false"
//下拉
.ztzf-select {
  .el-select__wrapper {
@@ -254,6 +254,83 @@
      color: #ffffff;
    }
  }


  // 下拉框
  .el-select-dropdown__empty {
    background: #012350;
    border-radius: 0px 0px 8px 8px;
    border: 1px solid;
    border-image: linear-gradient(180deg, rgba(255, 255, 255, 0), rgba(115, 192, 255, 1)) 1 1;
  }
  .el-select-dropdown__list {
    padding: 0 !important;
  }
  .el-select-dropdown {
    overflow-x: hidden !important;
  
    .el-select-dropdown__wrap {
      overflow-x: hidden !important;
      margin-right: 0 !important;
    }
  }
  .el-select-dropdown__wrap {
    overflow-x: hidden !important;
    margin-right: 0 !important;
  }
  /* 箭头样式 */
  .el-popper__arrow::before {
    background: #0d3556 !important;
    border: 1px solid #0d3556 !important;
  }
  .el-select {
    --el-select-border-color-hover: rgb(0, 162, 255) !important;
    /* // 修改下拉框hover的默认样式 */
  }
  
  .el-input {
    --el-border-color: rgb(0, 162, 255);
    /* // 修改下拉框的边框 */
  }
  
  .el-select .el-input__wrapper {
    background-color: #012350 !important;
    /* // 外层下拉框背景 */
  }
  
  .el-input__wrapper {
    --el-input-text-color: #012350 !important; /* // 修改外层下拉框的颜色 */
  }
  
  .el-select__popper.el-popper {
    border: rgba(0, 27, 63) !important;
    /* // 修改内部下拉框的边框颜色 */
  }
  
  .el-select-dropdown__wrap {
    background: linear-gradient(180deg, rgba(13, 53, 86, 0.85) 0%, rgba(1, 35, 80, 0.85) 100%);
    border-radius: 0px 0px 8px 8px;
    border: 1px solid;
    border-image: linear-gradient(180deg, rgba(255, 255, 255, 0), rgba(115, 192, 255, 1)) 1 1;
    /* // 下拉框背景色 */
  }
  
  .el-select-dropdown__item {
    background: rgba(0, 27, 63) !important; /* // 下拉框选项的颜色 */
  }
  
  .el-select-dropdown__item {
    color: white;
  }
  
  .el-select-dropdown__item.hover {
    background-color: rgba(0, 120, 233, 0.63) !important;
    color: white;
  }
  .el-select-dropdown__item.selected {
    color: #8ac3fd !important;
    font-weight: 700;
  }
}

.ztzf-input{