el-tooltip改变背景颜色和文字颜色

`el-tooltip` 是 Element UI 中的一个轻量级提示组件，用于为元素添加可点击的标题，当鼠标悬停或焦点移动时会显示提示信息。如果你想改变 `el-tooltip` 的背景颜色和文字颜色，你可以通过 CSS 样式或者组件的属性设置来实现。

**1. CSS 样式**:
你可以直接在 CSS 文件中为 `.el-tooltip` 类添加样式，例如：

.el-tooltip {
  background-color: /* 你的背景色 */;
  color: /* 你的文字色 */;
}

记得替换 `/* 你的背景色 */` 和 `/* 你的文字色 */` 为你需要的颜色值，如 `#000`（黑色）或 `#fff`（白色）等。

**2. 组件属性**:
如果你想要动态地根据应用状态改变颜色，可以在 Vue 实例中设置 `el-tooltip` 的样式属性：

<el-tooltip :title="tooltipTitle" class="your-custom-class">
  <!-- your element with tooltip -->
</el-tooltip>

<script>
export default {
  data() {
    return {
      tooltipTitle: '这是提示内容',
      tooltipColor: { backgroundColor: '...', color: '...' }, // 使用对象定义颜色
    };
  },
  mounted() {
    this.$refs.tooltip.$el.style = this.tooltipColor; // 设置样式
  },
};
</script>

这里使用了 `this.$refs.tooltip.$el.style` 来直接操作 tooltip 的 DOM 元素。