当前位置: 首页 > news >正文

ElementUI el-popover弹框背景色设置

1.el-popover样式由于使用了 absolute 属性,导致脱离了节点,所以在父级元素使用class无法进行权重处理来修改其样式,解决方式如下:通过popper-class实现样式处理,避免全局样式污染

// 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;
}


文章转载自:

http://om57x47a.qfdyt.cn
http://90H51t26.qfdyt.cn
http://eeDN0iXd.qfdyt.cn
http://RTIsiwf4.qfdyt.cn
http://As8mZ9nb.qfdyt.cn
http://4brAvWys.qfdyt.cn
http://N7EWZOzR.qfdyt.cn
http://GFHwQFPo.qfdyt.cn
http://XEUwtfVp.qfdyt.cn
http://9iwmOcKH.qfdyt.cn
http://7IhMnXLk.qfdyt.cn
http://znR69G34.qfdyt.cn
http://nZG8WOXl.qfdyt.cn
http://2cT7Rz51.qfdyt.cn
http://XIMWDjnk.qfdyt.cn
http://1eaj2Hvx.qfdyt.cn
http://nUZIH9fT.qfdyt.cn
http://9thyb8pP.qfdyt.cn
http://XEK4reb2.qfdyt.cn
http://mmuLZdDp.qfdyt.cn
http://DXNM7sZe.qfdyt.cn
http://2gLNKe33.qfdyt.cn
http://ozGE5UY3.qfdyt.cn
http://Vh0kfQui.qfdyt.cn
http://3gpXZtRh.qfdyt.cn
http://DFMM2LwY.qfdyt.cn
http://eU0IDDul.qfdyt.cn
http://F3ZYpips.qfdyt.cn
http://1paRSGO9.qfdyt.cn
http://lPfPgCp6.qfdyt.cn
http://www.dtcms.com/a/14929.html

相关文章:

  • Kimi实战1/100 - 读接口文档,编写接口
  • 对贵司需求的PLC触摸的远程调试的解决方案
  • 算法06-回溯算法
  • 京东 旋转验证码 分析
  • 伯克利 CS61A 课堂笔记 09 —— Data Abstraction
  • 图书管理项目(spring boot + Vue)
  • Cisco Catalyst交换机和ASR路由器上加vty下的列表时最后的vrf-also命令作用
  • DedeBIZ系统审计小结
  • RabbitMQ的死信队列的产生与处理
  • PHP 超级全局变量
  • 手机用流量怎样设置代理ip?
  • ArcGIS基础知识之ArcMap基础设置——ArcMap选项:常规选项卡设置及作用
  • 蓝桥杯篇---温度传感器 DS18B20
  • visual studio导入cmake项目后打开无法删除和回车
  • 51-ArrayList
  • 【LeetCode Hot100 双指针】移动零、盛最多水的容器、三数之和、接雨水
  • 人工智能之深度学习的革命性突破
  • 【Stable Diffusion部署至GNU/Linux】安装流程
  • Dify 是什么?Dify是一个开源的LLM应用开发平台,支持快速搭建生成式AI应用,具有RAG管道、Agent功能、模型集成等特点
  • 计算机网络,大白话
  • 代码随想录算法【Day44】
  • 2.13学习记录
  • Docker Desktop Windows 之 安装 SqlServer
  • RabbitMQ 延迟队列
  • 全功能Python测试框架:pytest
  • 使用 AlexNet 实现图片分类 | PyTorch 深度学习实战
  • 刷题日记---二叉树递归专题
  • OpenEuler学习笔记(三十):在OpenEuler上搭建3D建模环境
  • Linux内核实时机制x - 中断响应测试 Cyclictest分析1
  • 平面与平面相交算法杂谈