el-select改变背景颜色_el-select背景颜色

1、实现效果图

2、代码

::v-deep .el-input.el-input--suffix {
  // 修改背景颜色、字体颜色、边框、宽高
  .el-input__inner {
    // background: #4c78ff !important;
    // border: 1px solid #4c78ff;
    color: #b5c5d4;
    // height: 30px;
    // width: 140px;
  }
  // 符号的位置会错乱，进行修正（水平）
  .el-input__suffix-inner {
    position: absolute;
    left: -25px;
  }

  // 符号的位置会错乱，进行修正（垂直）
  .el-select__caret.el-input__icon.el-icon-arrow-up {
    line-height: 30px;
  }

  .el-input__inner::placeholder {
    color: #fff;
  }

  .el-icon-arrow-up:before {
    color: #fff;
  }
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28