ElementUI el-popover弹框背景色设置

1.el-popover样式由于使用了 absolute 属性,导致脱离了节点,所以在父级元素使用class无法进行权重处理来修改其样式,解决方式如下:通过popper-class实现样式处理,避免全局样式污染

javascript 复制代码
// html
<el-popover
      placement="right"
      popper-class="device-popover"
      width="130"
      trigger="click">
          <div>
               Devices with the same IP address as the user
          </div>
</el-popover>

//css 
.device-popover{
   background-color: #ffdf25 !important;
   border-color: #ffdf25 !important;
}
.device-popover .popper__arrow::after{
   border-right-color:#ffdf25 !important;
}
相关推荐
计算机魔术师9 小时前
AI问诊5秒出结果,医生反而更忙了
前端
郭邯9 小时前
从需求到上线:我用 AI 辅助开发了一个在线倒计时器
前端
Damai9 小时前
Next.js 切换动态路由后,为什么页面还保留着上一个分类的数据?
前端·react.js
程序员鱼皮9 小时前
爆火的《牛来》模型正式发布!DeepSeek 的排名又下降了。。
前端·后端·ai编程
MocMoc9 小时前
从零落地全栈 Monorepo:Turbo + npm workspaces 实战(附一个记账小应用)
前端
灯澜忆梦9 小时前
【基于GO的Web开发15】gin路由和路由组
前端·后端·golang·gin
Southern Wind9 小时前
从一段文字到一部动态漫:如何打造全流程分镜创作工作台 StoryCanvas AI
前端·javascript·vue.js·人工智能
烂蜻蜓9 小时前
Flask入门教程(七):请求与响应——Web应用的核心数据流
前端·python·flask
爱勇宝9 小时前
从前端到全栈,我最后学会的是:先做产品
前端·后端