el-tooltip 背景色

el-tooltip 是 Element UI 中的一个组件，用于在鼠标悬停或点击时显示提示信息。它可以通过设置不同的属性来自定义其样式，包括背景色。

要设置 el-tooltip 的背景色，可以使用以下两种方式：

1. 使用 CSS 样式：可以通过设置 el-tooltip 的 class 或者 style 属性来自定义其背景色。例如，可以通过设置 class 属性来引用一个自定义的 CSS 类，然后在 CSS 中设置该类的背景色。示例代码如下：

<el-tooltip class="custom-tooltip" content="提示信息">
  <span>鼠标悬停显示提示</span>
</el-tooltip>

<style>
.custom-tooltip {
  background-color: #ff0000; /* 设置背景色为红色 */
}
</style>

2. 使用 Element UI 的主题样式：Element UI 提供了一套主题样式，可以通过修改主题变量来改变组件的样式。要修改 el-tooltip 的背景色，可以在项目中的样式文件中修改 `$--tooltip-background-color` 变量的值。示例代码如下：

<el-tooltip content="提示信息">
  <span>鼠标悬停显示提示</span>
</el-tooltip>

<style>
/* 修改主题变量 */
$--tooltip-background-color: #ff0000; /* 设置背景色为红色 */
</style>

注意：以上两种方式都可以实现 el-tooltip 的背景色自定义，选择哪种方式取决于你的具体需求和项目的实际情况。