vue 设置el-tooltip 关闭按钮样式

你可以通过以下方式修改 `el-tooltip` 组件关闭按钮的样式：

1. 在 `style` 标签中添加以下代码：

.el-tooltip__popper .popper__arrow::before, .el-tooltip__popper .el-tooltip__closebtn::before {
  color: #000;  /* 修改关闭按钮的颜色 */
}

.el-tooltip__popper .popper__arrow::before {
  border-color: #000 transparent transparent transparent;  /* 修改关闭按钮的箭头颜色 */
}

.el-tooltip__popper .el-tooltip__closebtn:hover::before {
  color: #fff;  /* 修改关闭按钮的鼠标悬停时的颜色 */
}

2. 将 `el-tooltip` 组件的 `popper-class` 属性设置为一个自定义的类名，如：

<el-tooltip content="这是提示内容" popper-class="my-tooltip">
  <span>鼠标移上来看看</span>
</el-tooltip>

3. 在 `style` 标签中添加以下代码：

.my-tooltip .el-tooltip__popper .popper__arrow::before,
.my-tooltip .el-tooltip__popper .el-tooltip__closebtn::before {
  color: #000;  /* 修改关闭按钮的颜色 */
}

.my-tooltip .el-tooltip__popper .popper__arrow::before {
  border-color: #000 transparent transparent transparent;  /* 修改关闭按钮的箭头颜色 */
}

.my-tooltip .el-tooltip__popper .el-tooltip__closebtn:hover::before {
  color: #fff;  /* 修改关闭按钮的鼠标悬停时的颜色 */
}

以上就是修改 `el-tooltip` 组件关闭按钮样式的方法。