el-select 下拉框自定义背景颜色_el-select背景色

需求：根据后端返回的颜色值，渲染不同的背景颜色
实现效果：

 <el-select
          style="width: auto; max-width: none"
          v-model="sourceId"
          clearable
          :placeholder="$t('NeoLight.select')"
          @change="getSource(sourceId)"
        >
          <el-option
            v-for="item in sourceOptions"
            :key="item.sourceId"
            :label="item.sourceName"
            :value="item.sourceId"
            v-html="'<div style=background-color:' + item.taskColor + ';width:' + '100%' + ';height:' + '90%' +  '>' +  item.sourceName + '</div>'
            " >
          </el-option>
        </el-select>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16