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;
}
相关推荐
HWL567917 小时前
显示器缩放和更改分辨率的区别
前端·css·vue.js·计算机外设·html5
jzshmyt17 小时前
曼德勃罗集web可视化应用
前端
GGGG寄了17 小时前
HTML——表格的基本用法
前端·html
yanyu-yaya17 小时前
速学兼复习之vue3章节3
前端·javascript·vue.js·学习·前端框架
web小白成长日记17 小时前
前端向架构突围系列模块化 [4 - 1]:思想-超越文件拆分的边界思维
前端·架构
tkevinjd17 小时前
3-Vue&Ajax
前端·vue.js·ajax
林恒smileZAZ17 小时前
前端拖拽,看似简单,其实处处是坑
前端·javascript·vue.js
多仔ヾ17 小时前
Vue.js 前端开发实战之 03-Vue 开发基础(2)
vue.js
Filotimo_18 小时前
那在HTML中,action是什么
前端·okhttp·html
跟着珅聪学java18 小时前
JavaScript中编写new Vue()实例的完整教程(Vue 2.x)
前端·javascript·vue.js