element Tooltip背景颜色样式修改

使用这个属性popper-class添加一个class.

<el-tooltip content="Top center" placement="top" popper-class="atooltip">
  <el-button>Darkel-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;
}

注意
placement的属性值有top/top-start/top-end/bottom/bottom-start/bottom-end/left/left-start/left-end/right/right-start/right-end
[x-placement^=??] border-??-color 的上下左右 要与placement一致

⚠️ 不能放到scoped

你可能感兴趣的:(Element)