element-ui tooltip修改背景颜色和箭头颜色的实现
更新时间:2019年12月16日 14:34:33 作者:良品山核桃
这篇文章主要介绍了element-ui tooltip修改背景颜色和箭头颜色的实现,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
本文介绍了element-ui tooltip修改背景颜色和箭头颜色的实现,分享给大家,具体如下:
<el-tooltip class="item" effect="dark" content="分享" placement="left" popper-class="draw_share_atooltip">
<el-button>
<div class="iconfont icon-_share"></div>
</el-button>
</el-tooltip>
//箭头颜色
.el-tooltip__popper[x-placement^=left] .popper__arrow::after {
border-left-color: #515b62;
}
.el-tooltip__popper[x-placement^=left] .popper__arrow{
border-left-color: #515b62;
}
//背景颜色
.draw_share_atooltip{
background: #515b62 !important;
}
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。
相关文章
vue-print-nb解决vue打印问题,并且隐藏页眉页脚方式
这篇文章主要介绍了vue-print-nb解决vue打印问题,并且隐藏页眉页脚方式,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教2023-05-05
vue3 el-upload单张图片回显、编辑、删除功能实现
这篇文章主要介绍了vue3 el-upload单张图片回显、编辑、删除功能实现,图片回显时隐藏上传区域,鼠标悬浮显示遮罩层进行编辑、删除操作,删除图片后显示上传区域,本文通过实例代码分享实现方法,感兴趣的朋友一起看看吧2023-12-12
Vue源码学习defineProperty响应式数据原理实现
这篇文章主要为大家介绍了Vue源码学习defineProperty响应式数据原理实现,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪2022-09-09


最新评论