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;
    }
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值