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

问题

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

解决

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

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

其他

参考文章

相关推荐
J总裁的小芒果17 小时前
el-table中增加校验方法(二)
javascript·vue.js·elementui
青龙摄影18 小时前
【自动化】学习观看视频内容,无需人为干预
前端·vue.js·elementui
J总裁的小芒果19 小时前
el-form el-table 前端排序+校验+行编辑
前端·vue.js·elementui
会发光的猪。21 小时前
【 ElementUI 组件Steps 步骤条使用新手详细教程】
前端·javascript·vue.js·elementui·前端框架
我家媳妇儿萌哒哒1 天前
el-table合并单元格之后,再进行隔行换色的且覆盖表格行鼠标移入的背景色的实现
前端·javascript·elementui
竹秋…1 天前
element-plus <el-date-picker>日期选择器踩坑!!!!
javascript·vue.js·elementui
四喜花露水2 天前
vue2.x elementui 固定顶部、左侧菜单与面包屑,自适应 iframe 页面布局
前端·elementui·vue
会发光的猪。2 天前
vue3中ElementPlus引入下载icon图标不显示透明问题解决教程方法
javascript·vue.js·elementui·前端框架
陈逸子风2 天前
(系列十一)Vue3框架中路由守卫及请求拦截(实现前后端交互)
vue3·webapi·权限·流程·表单
alexbai!2 天前
el-date-picker picker-options属性中disabledDate设置时间的禁用和启用,并且支持到时分秒的禁用和启用
javascript·vue.js·elementui