Elementui Tooltip 修改背景色和箭头颜色

需求：修改Tooltip的背景颜色和箭头颜色

代码如下：

<style lang="less">
     /*修改tooltip的背景颜色*/
    .el-tooltip__popper {
        background-color: #585E6B !important;
    }
    /*修改tooltip的箭头颜色*/
    .el-tooltip__popper[x-placement^=top] .popper__arrow::after {
        border-top-color: #515b62 !important;
    }
    .el-tooltip__popper[x-placement^=top] .popper__arrow{
        border-top-color: #515b62 !important;
    }
</style>

tip的箭头颜色的重点：

下图红框里的内容要和箭头显示的方向一致哦

在这里插入图片描述

版权声明：本文为weixin_45693257原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接和本声明。