elementUI中Tooltip背景颜色样式修改

Posted 2023-02-24 1024_Byte

文档描述
使用这个属性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属性