修改elementUI el-select 修改样式 背景色 下拉框等_element select修改背景颜色

<div class="select_btn">
     <el-select v-model="subItemVal"  size="small" style="width: 120px" :popper-append-to-body="false">
         <el-option v-for="(item,i) in subItemData" :key="i" :label="item.name" :value="item.number" />
     </el-select>
 </div>
1
2
3
4
5

.select_btn{
  position: absolute;
   top: 5px;
   right: 60px;
   //下拉框
   .el-select-dropdown{
       border: none;
       background-color: rgba(1, 28, 82, 0.8);
   }
   //输入框
   .el-input__inner{
       color:#eee;
       border-color: #00fff6;
       background-color: rgba(1, 28, 82, 0.8);
   }
   //聚焦时的样式
   .el-select .el-input.is-focus .el-input__inner{
       border-color: #0B61AA;
       background-color: rgba(1, 28, 82, 0.8);
       color:#00D3E9;
   }
   //下拉框选中
   .el-select-dropdown__item{
       color: #eee;
   }
   //鼠标经过下拉框
   .el-select-dropdown__item.hover, 
   .el-select-dropdown__item:hover{
       color:#00D3E9;
       background-color: #0F3360;
   }
}
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
29
30
31
32