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;
}
相关推荐
月月大王的3D日记1 分钟前
Three.js 材质篇(中):从兰伯特到PBR,一篇文章看懂五种光照材质
前端·javascript
且白2 分钟前
leaflet切片变色、地图滤镜逻辑实现 colorfilter
前端·javascript
用户887665426637 分钟前
Linux 终端入门:新手必须掌握的常用命令和基本思路
前端·操作系统
用户1257585243617 分钟前
Vue3 后台框架的网络请求怎么设计?看 XYGo Admin 三套 Axios 实例与拦截器方案
前端
ZengLiangYi21 分钟前
多格式文件解析:JSONL / SQLite / Event Stream
前端·javascript·后端
边界条件╝28 分钟前
微前端进阶(一)
前端
ZC跨境爬虫29 分钟前
跟着 MDN 学CSS day_34:(CSS 布局全面解析)
前端·css·ui·html·tensorflow
万少29 分钟前
湖南卫视的秘密武器曝光!芒果灵创,专业AI影视创作平台
前端·javascript·后端
边界条件╝30 分钟前
微前端进阶(三)
前端
红辣椒...38 分钟前
codex+第三方模型
java·服务器·前端