ui tooltip修改背景颜色和箭头颜色的实现

这篇文章主要介绍了element-ui tooltip修改背景颜色和箭头颜色的实现,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧

本文介绍了element-ui tooltip修改背景颜色和箭头颜色的实现,分享给大家,具体如下:

<el-tooltip effect="dark" content="分享" placement="left" popper-class="draw_share_atooltip"> <el-button> <div></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; }

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。

您可能感兴趣的文章:

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:http://www.heiqu.com/68f8fdfe7f530716f1b85bcbf39967c0.html