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

问题

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

解决

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

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

其他

参考文章

相关推荐
RuoyiOffice2 天前
SpringBoot3+Vue3 招聘 Offer:发出、审批通过、转入职怎么走完
spring boot·vue3·offer·入职·spring boot 3·hrm·招聘管理
妖孽白小白3 天前
el-select的内容续写实现
前端·vue.js·elementui
RuoyiOffice8 天前
SpringBoot3+Vue3 最推荐的开源 OA 系统 2026:流程驱动、资源闭环、多端互通
spring boot·vue3·flowable·oa·协同办公·spring boot 3·开源oa
鱼与宇9 天前
Element-plus离线访问(适用内网)
elementui·vue3
weixin_4225554210 天前
el-menu子菜单点击就被激活,恢复之前的激活状态
javascript·vue.js·elementui
yume_sibai10 天前
Element Plus 导航与反馈组件完全指南(15个核心组件)
前端·elementui·交互
我就是DaLing呀!11 天前
vue3 + 独立的数据管理 Store实现视频剪辑功能
前端·typescript·vue3·canvas·store
我才是银古13 天前
当 360° 全景遇上真实地图:Vue 3 实现全景-地图双向联动的工程实践
3d·vue3·360影像
XLYcmy15 天前
HTML/CSS/JS 基础与 Vue 技术栈深度解析
java·前端·css·html·vue3·vue2·api
雪芽蓝域zzs16 天前
第十节:动态侧边栏菜单(根据路由 meta 自动渲染菜单)
javascript·vue.js·elementui