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

问题

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

解决

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

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

其他

参考文章

相关推荐
Sapphire~16 小时前
Vue3-11 toRefs 和 toRef
vue3
Filotimo_1 天前
Vue3 + Element Plus 表格复选框踩坑记录
javascript·vue.js·elementui
华玥作者2 天前
uni-app + Vite 项目中使用 @uni-helper/vite-plugin-uni-pages 实现自动路由配置(超详细)
前端·uni-app·vue·vue3·vite
小救星小杜、2 天前
el-form 表格校验 开始和结束时间,时间选择范围
javascript·vue.js·elementui
克里斯蒂亚诺更新2 天前
使用elementUI的表格报错ResizeObserver loop completed with undelivered notifications.
前端·javascript·elementui
qiqiliuwu2 天前
VUE3+TS+ElementUI项目中监测页面滚动scroll事件以及滚动高度不生效问题的解决方案(window.addEventListener)
前端·javascript·elementui·typescript·vue
Java程序员-小白2 天前
Sa-Token过滤器引发的CORS误判问题
vue.js·elementui·axios·cors
梁山好汉(Ls_man)3 天前
JS_使用脚本填充基于Vue的用户名密码输入框并触发登录
javascript·elementui·vue
独立开发者阿乐3 天前
Vue3中Markdown解析与渲染的完整解决方案:从安全到性能优化
web安全·性能优化·vue3·前端开发·语法高亮·markdown解析·markdown-it
Irene19913 天前
Tailwind CSS vs Bootstrap vs ElementUI(ElementPlus) 全面对比表
elementui·bootstrap·element plus·tailwind css