0


element-ui中Tooltip文字提示——el-tooltip的样式修改

修改el-tooltip的背景颜色

注意:以下修改都需要在全局样式修改,因为这个组件的层级,并不是在你使用他的地方,而是和你的app同一层级,所以在当前使用的地方找不到tip提示的dom节点。

修改提示框中长方形框的背景颜色

.el-tooltip__popper{
        background: rgba(0,0,0,0.65) !important;
    }

修改提示框中的小三角的边框颜色

// 注意[^=top]是下三角 即提示框在上方  若提示框在下方则[^=bottom] 
.el-tooltip__popper[x-placement^=top] .popper__arrow:after{
        border-top-color:  #595959 !important;
    }
标签: ui 前端 javascript

本文转载自: https://blog.csdn.net/mongchu/article/details/126622774
版权归原作者 云森雨 所有, 如有侵权,请联系我们删除。

“element-ui中Tooltip文字提示——el-tooltip的样式修改”的评论:

还没有评论