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;
}
相关推荐
李姆斯3 小时前
技术方案评审没人听?别人抓不住重点?你不妨这样做!
前端·后端·面试
程序员码歌4 小时前
短思考第269天,想清楚这些,短文写作,人人都可以
android·前端·ai编程
C_心欲无痕4 小时前
网路相关 - 本地开发为什么需要端口号
前端·网络·网络协议
+VX:Fegn08954 小时前
计算机毕业设计|基于springboot + vue民宿平台管理系统(源码+数据库+文档)
java·数据库·vue.js·spring boot·后端·课程设计
Codebee4 小时前
ooder-A2UI 框架中的矢量图形全面指南
前端·人工智能
徐小夕4 小时前
jitword协同AI文档SDK已开源!轻松接入任何后端!
前端·vue.js·github
C_心欲无痕5 小时前
网络相关 - CDN内容分发加速原理
前端·网络
hxjhnct5 小时前
如何实现直播零延迟播放
前端·javascript
明远湖之鱼5 小时前
从代码到像素:浏览器渲染原理与 React Fiber 架构的深度协作
前端·react.js·浏览器
Knight_AL5 小时前
Spring Cloud Alibaba 项目中DataSource 配置失败?原来是 application.yml 和 bootstrap.yml 的坑
前端·bootstrap·html