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;
}
相关推荐
BJ-Giser13 小时前
Cesium 烟雾粒子特效
前端·可视化·cesium
空中海13 小时前
02 ArkTS 语言与工程规范
java·前端·spring
YJlio13 小时前
7.4.5 Windows 11 企业网络连接与网络重置实战:远程访问、本地策略与故障恢复
前端·chrome·windows·python·edge·机器人·django
Slow菜鸟13 小时前
Codex CLI 教程(五)| Skills 安装指南:面向 Java 全栈工程师打造个人 ECC(V1版)
大数据·前端·人工智能
Lee川13 小时前
打字机是怎么炼成的:Chat 流式输出深度解析
前端·后端·面试
前端若水13 小时前
过渡(transition)高级:贝塞尔曲线、硬件加速
前端·css·css3
Lee川13 小时前
Token 无感刷新与 Logout:前端安全会话管理实战
前端·后端·react.js
不会敲代码113 小时前
我写了一个 HTML 文件,把 JS 事件循环彻底搞懂了
前端·javascript·面试
写不来代码的草莓熊14 小时前
SVG 图标插件误读 PNG 图片 + Vite 重启缓存失效重新生成 + 浏览器严格渲染
前端
燐妤14 小时前
前端HTML编程3:初识CSS
前端·html5