修改el-tooltip的样式

最新推荐文章于 2024-03-22 11:14:17 发布

长相思979

最新推荐文章于 2024-03-22 11:14:17 发布

阅读量1.1k

点赞数

文章标签： javascript 前端 vue.js

本文链接：https://blog.csdn.net/weixin_63896561/article/details/131933218

版权

参考文章：element-ui 之 el-tooltip 如何自定义修改样式？？？？_el-tooltip 自定义_Dark_programmer的博客-CSDN博客

修改提示框和箭头的样式：

//修改提示泡的样式
.el-tooltip__popper{
        background: rgba(0,0,0,0.65) !important;
    }
//修改提示泡下方箭头的样式
.el-tooltip__popper[x-placement^=top] .popper__arrow:after{
        border-top-color:  #595959 !important;
    }

需要注意的就是，该代码片段，需要写在根文件的style里，如果写在当前文件里也并非不可，但是需要将scope取消掉，原因是因为：该组件的层级不在于你使用的地方，它与跟文件属于统一层级