element Tooltip背景颜色样式修改element Tooltip背景颜色样式修改 element Toolt

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

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

2，重置样式重写一个style文件，就在当前组价创建也可以，但是不能添加scope，否则无效

.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"与border-top-color: pink;方向值是一一对应的转自：blog.csdn.net/qq_31126175… demo地址：xiaolannuoyi.github.io/vue-running…