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

问题

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

解决

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

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

其他

参考文章

相关推荐
叫我阿柒啊17 分钟前
Java全栈开发实战:从基础到微服务的深度解析
java·微服务·kafka·vue3·springboot·jwt·前端开发
Jinuss5 小时前
Vue3源码reactivity响应式篇之computed计算属性
前端·vue3
前端 贾公子10 小时前
ElementUI 中 validateField 对部分表单字段数组进行校验时多次回调问题
前端·javascript·elementui
棒棒的唐10 小时前
vue2 elementUI 登录页面实现回车提交登录的方法
前端·javascript·elementui
赵得C20 小时前
【前端技巧】Element Table 列标题如何优雅添加 Tooltip 提示?
前端·elementui·vue·table组件
Jinuss20 小时前
Vue3源码reactivity响应式篇之reactive响应式对象的track与trigger
前端·vue3
小菜全1 天前
uniapp基础组件概述
前端·css·vue.js·elementui·css3
Jinuss1 天前
Vue3源码reactivity响应式篇之EffectScope
前端·vue3
浩星1 天前
iframe引入界面有el-date-picker日期框,点击出现闪退问题处理
前端·vue.js·elementui