element-plus下拉列表修改背景样式、级联选择器修改背景样式如何操作详细过程

最好单独找个css或者less文件来做element-plus的样式修改本文在main.less下做element-plus的修改在main.js中引入import ‘./assets/main.less’ 样式在App.vue中给下拉标签添加popper-classmy_select这个属性, 完整的内容如下templateel-select v-modelvalueplaceholderSelectsizelargestylewidth: 240pxpopper-classmy_selectel-option v-foritem in options:keyitem.value:labelitem.label:valueitem.value//el-select/templatescript setupimport{ref}fromvueconstvalueref()constoptions[{value:Option1,label:Option1,},{value:Option2,label:Option2,},{value:Option3,label:Option3,},{value:Option4,label:Option4,},{value:Option5,label:Option5,},]/scriptstyle scoped/style在src/assets/main.less中对my_select 内容进行修改内容如下.my_select{background-color:red;}结果展示如下从中可以看出下拉弹出的框不在当前div中而是在最外层又自己新建了一个层级