elementUI中Tooltip背景颜色样式修改

Posted 2022-03-09 1024_Byte

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了elementUI中Tooltip背景颜色样式修改相关的知识，希望对你有一定的参考价值。

文档描述
使用这个属性popper-class添加一个class

<el-tooltip content="Top center" placement="top" popper-class="atooltip">
  <el-button>Dark</el-button>
</el-tooltip>

.atooltip.el-tooltip__popper[x-placement^="top"] .popper__arrow 
  border-top-color: pink;

.atooltip.el-tooltip__popper[x-placement^="top"] .popper__arrow:after 
  border-top-color: pink;

.atooltip 
  background: pink !important;

注意！
border-color 的上下左右要与placement一致
并且style不能加scoped属性

以上是关于elementUI中Tooltip背景颜色样式修改的主要内容，如果未能解决你的问题，请参考以下文章