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;
}
相关推荐
乘风gg2 分钟前
AI coding 时代最值钱的东西,软件工程(下)
前端·ai编程·claude
用户114818678948413 分钟前
虚拟滚动与无限滚动的完整心法
前端
核验笔记的老王13 分钟前
前端表单防呆实践:如何排查自动填充导致的提交失败?
前端
用户4061220811113 分钟前
Vue vs React 核心差异全对比
前端
李纲明18 分钟前
微信小程序 web-view 打开空白或提示未配置业务域名:校验文件、HTTPS 与跳转域名排查
前端·微信小程序·https·web-view·小程序开发·业务域名
涛涛ing24 分钟前
一个框架为了“不水合”,把HTML注释都删了
前端
计算机魔术师1 小时前
AI渗透框架3小时破云,中国黑客组织正在升级打法
前端
蒲公英内测分发1 小时前
智能手环出海测试,海外合作方分散在不同国家,Android 测试包怎么持续分发和更新?
android·前端·人工智能·测试工具·智能手表
朱涛的自习室1 小时前
高价软件已死,我让 AI 开启了「平替计划」(Day 7 / 7)
android·前端·github
沙蒿同学1 小时前
Wails v3 实战:一个桌面提醒客户端,从 v2 升到 v3 的全过程
前端·后端·github