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;
}
相关推荐
java1234_小锋5 分钟前
【技术专题】HTML5 网页技术 - HTML5 SVG
前端·html·html5
飞飞鱼在摸鱼6 分钟前
前端转Agent开发 | JavaScript 从 0 到 1 完全指南
前端·javascript
开开心心就好18 分钟前
课堂随机点名工具,绿色版免安装双击即用
java·服务器·前端·ffmpeg·音视频·perl·symfony
不像程序员的程序媛19 分钟前
springboot支持的web容器
前端·spring boot·后端
xiaobaoyu22 分钟前
目录合集
前端
han_hanker23 分钟前
前端转后端入门实践日志2-nacos
前端
u01110267535 分钟前
Vue 3 统一右侧编辑面板:布局、滚动与底部操作区设计
javascript·vue.js·ecmascript
change_fate38 分钟前
Vue 3 Composable 函数指南
前端·javascript·vue.js
tryCbest41 分钟前
Vue3——第 9 篇:组件通信全攻略(下)——Provide / Inject 与事件总线
前端·javascript·vue.js
lichenyang45343 分钟前
技术穿刺怎么做?以企业知识库问答为例,验证风险、方案和投入
前端·后端