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;
}
相关推荐
转角羊儿13 小时前
layui框架中,表单元素不显示问题
前端·javascript·layui
青浅l13 小时前
vue中回显word、Excel、txt、markdown文件
vue.js·word·excel
muyouking1114 小时前
WASM 3.0 两大领域实战:SvelteKit前端新范式(完整版)
前端·wasm
Hilaku14 小时前
当你的Ant-Design成了你最大的技术债
前端·javascript·前端框架
Highcharts.js14 小时前
时间序列图的“性能陷阱”:Highcharts “金融级”优化方案
前端·python·金融
摇滚侠14 小时前
Vue 项目实战《尚医通》,完成预约通知业务,笔记21
前端·vue.js·笔记·前端框架
IT_陈寒14 小时前
SpringBoot性能优化实战:我从10万QPS项目中总结的7个核心技巧
前端·人工智能·后端
顾安r15 小时前
11.9 脚本网页 消消乐
前端·javascript·flask·html·pygame
宋哈哈15 小时前
页面水印sdk源码
java·前端·javascript
Kikyo--15 小时前
前端基础面试题(Css,Html,Js,Ts)
前端·javascript·css·typescript·html