el-tooltip自定义样式

   <el-tooltip
                popper-class="box-item"
                placement="bottom"
                :content=form.detaiInfo
                effect="customized"
              >
                {{
                  form.detaiInfo
                }}
              </el-tooltip>




<style>
.box-item {
  max-width: 44% !important;
  /*position: absolute !important;*/
  /*left: 10%;*/
  /*top: 12%;*/
}

.el-popper.is-customized {
  /* Set padding to ensure the height is 32px */
  padding: 15px;
  /*background: linear-gradient(90deg, rgb(119, 202, 247), rgb(119, 202, 247));*/
  /*background-color: rgba(119, 202, 247, .7);*/
  background-color: #628fd1;
  position: absolute !important;
  left: 0% !important;
  top: -4vh !important;
  margin: 0;
  font-size: 14px;
  color: #ffffff;
  z-index: 99999;
  /*border: #00b4ff 1px solid;*/
  /*opacity: 0.9;*/
}

.el-popper.is-customized .el-popper__arrow::before {
  /*background: linear-gradient(45deg, #b2e68d, #bce689);*/
  background-color: #628fd1;
  opacity: 0.7;
  right: 0;
}
</style>