如何修改el-tooltip弹出窗的背景颜色和箭头颜色

重点

利用popper-class为el-tooltip绑定class类名，直接通class绑定无效

<el-tooltip
        popper-class="packageDownLoad-tooltip"
        effect="light"
        placement="right"
      >
        <div slot="content"><package-form></package-form></div>
        <el-avatar
          @click.prevent.native="packageDown"
          shape="circle"
          size="large"
          src="/img/bg/top/packDown.png"
        ></el-avatar>
      </el-tooltip>

css中

!important一定要加

/* 设置背景色 */
.packageDownLoad-tooltip {
  background-color: blue !important;
}
/* 设置箭头颜色 */
.el-tooltip__popper[x-placement^="right"] .popper__arrow {
  border-right-color: red !important;
}

效果