Vue3:修改下拉框el-select的样式

问题

在Vue3项目中,使用了elemen-plus的下拉框,但是使用深度修改下拉框的样式(比如下拉框的背景颜色)一直不生效

解决

  • 给下拉框框添加 popper-class属性,属性名根据需求取,比如这里取的是"selectStyle"
  • 将下拉框的样式单独在写一个style标签(否则没有效果)

  • 根据需求对下拉框的样式进行对应的修改就好啦~

其他

参考文章

相关推荐
小妖6661 小时前
el-breadcrumb 面包屑第一项后面怎么写没有分隔符
javascript·vue.js·elementui
i_am_a_div_日积月累_10 小时前
Element Plus 取消el-form-item点击触发组件,改为原生表单控件
前端·vue.js·elementui
HSunR2 天前
vue3 elementplus tabs切换实现
javascript·vue.js·elementui
Ciito2 天前
将 Element UI 表格元素导出为 Excel 文件(处理了多级表头和固定列导出的问题)
前端·vue.js·elementui·excel
BillKu2 天前
Vue3 Element Plus 对话框加载实现
javascript·vue.js·elementui
小妖6663 天前
vue2 切换主题色以及单页面好使方法
前端·vue.js·elementui
伟笑3 天前
elementUI 循环出来的表单,怎么做表单校验?
前端·javascript·elementui
零凌林3 天前
使用exceljs将excel文件转化为html预览最佳实践(完整源码)
前端·html·excel·vue3·最佳实践·文件预览·exceljs
岁岁岁平安5 天前
Vue3学习(组合式API——reactive()和ref()函数详解)
前端·javascript·vue.js·学习·vue3·reactive·ref
三天不学习5 天前
Vue3 本地环境 Vite 与生产环境 Nginx 反向代理配置方法汇总【反向代理篇】
运维·nginx·vue3·vite·反向代理