elementUI提供的el-select组件如何修改样式网上有很多解决方法：1.找到下拉框的类名，写一个全局样式覆盖掉。2.修改.el-select-dropdown__item的样式3.通过官网提供的popper-class修改样式但是上面的方法没有提到重点，覆盖全局样式的方法肯定是不友好的，也不是修改样式或添加类都有效。于是，我看了一下下拉框的样式，并没有在el-select里面，而是放在了最外层，如下图：然后去官网看看有没有popper-append-to-body:默认是true，可以改成falseHTML代码结构如下：其实这只是更改下拉框的样式，需要修改输入框的样式。el-input__inner样式：CSS.select-style{宽度：3rem；右边距：0.36rem；/deep/.el-input__inner{border-top-left-radius:0;边框左下角半径：0；边框：1px实心#a1a3ad；左边框宽度：0；背景色：rgba(0,0,0,0.8);字体系列：PingFangSC-Regular；字体大小：0.28rem；颜色：RGBA（255、255、255、0.6）；}}最后附上.select-popper的样式：/deep/.select-popper{background-color:$item-bg-color;边界半径：0.08rem；边框：实心0.02rem#1c395d；字体系列：PingFangSC-Regular；.el-select-dropdown__item.selected{字体系列：PingFangSC-Regular;字体大小：0.28rem；颜色：rgba（74、141、253、1）；}li{颜色：#fff;背景：透明；颜色：#fff；字体大小：0.28rem；}.el-select-dropdown__item:hover,.el-select-dropdown__item.hover{背景色:rgba(110,147,206,0.2);右边距：1px；}.popper__arrow::after{border-bottom-color:$item-bg-color;}.popper__arrow{border-bottom-color:$item-bg-color;}.el-select-dropdown__empty{填充：0.2rem;字体大小：0.28rem；}}总结束关键字：:popper-append-to-body="false"，然后添加popper-class进入样式修改
