改变el-popover的背景色

最新推荐文章于 2025-02-12 09:47:01 发布

深海中有鱼

最新推荐文章于 2025-02-12 09:47:01 发布

阅读量8.3k

点赞数 2

分类专栏： Element

本文链接：https://blog.csdn.net/m0_46129241/article/details/108844344

版权

Element 专栏收录该内容

5 篇文章

订阅专栏

博客内容介绍了如何更改Element UI库中el-popover组件的默认背景颜色，提供了实现这一功能的方法和步骤。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

HTML:
<el-popover
        popper-class="popoverBackB"
        placement="bottom"
        width="200"
        triggre="click">
    <p style="color:#fff;">改变popover的背景色</p>
    <el-button slot="reference" icon="el-icon-search" circle></el-button>
</el-popover>

CSS:
  .popoverBackB{
   /* #303133是el-tooltip的背景色 */
    background: #303133 !important; 
}
.popoverBackB .popper__arrow::after {
	/* 注意：placement位置不同，下面的属性不同 */
    border-bottom-color: #303133 !important;
}