elementselect-修改背景色、字体颜色、宽高等样式

效果：

前提：

需要给el-select的父元素添加类名

1.  
   .select {
2.  
   &::v-deep {
3.  
   .el-select {
4.  
   // 1.修改边距
5.  
   margin-left: 9px;
6.  
    
7.  
   .el-input.el-input--suffix {
8.  
   // 2.修改背景颜色、字体颜色、边框、宽高
9.  
   .el-input__inner {
10.  
    background: rgba(0, 119, 239, 0.4) !important;
11.  
    color: #fff;
12.  
    border: 1px solid #057DD9;
13.  
    height: 30px;
14.  
    width: 95px;
15.  
    }
16.  
     
17.  
    // 符号的位置会错乱，进行修正（水平）
18.  
    .el-input__suffix-inner {
19.  
    position: absolute;
20.  
    left: -65px;
21.  
    }
22.  
    }
23.  
     
24.  
    // 符号的位置会错乱，进行修正（垂直）
25.  
    .el-select__caret.el-input__icon.el-icon-arrow-up {
26.  
    line-height: 30px;
27.  
    }
28.  
    }
29.  
    }
30.  
    }

这篇好文章是转载于：学新通技术网