<el-menu>中，鼠标点击一个菜单时会出现这个菜单的背景色

在 `element-ui` 的 `<el-menu>` 组件中，当鼠标点击一个菜单时，会出现这个菜单的背景色。如果您想要修改这个背景色，可以使用 `active-background-color` 属性来设置新的背景色。

例如，如果您想要将菜单选中后的背景色设置为红色，可以在 `<el-menu>` 元素上添加 `active-background-color` 属性并将其设置为红色的颜色值，如下所示：

<el-menu active-background-color="#ff0000">
  ...
</el-menu>

这样，在鼠标点击一个菜单时，菜单的背景色就会变为红色。您可以将 #ff0000 替换为其他颜色值来设置不同的背景色。

相关问题

<el-menu>中的<el-menu-item>时，鼠标悬浮在菜单上，字体是暗沉的

你可以通过以下 CSS 样式来设置 `<el-menu>` 中的 `<el-menu-item>` 鼠标悬浮时的字体颜色：

.el-menu-item:hover {
  color: #409EFF; /* 设置字体颜色为蓝色 */
}

这样，当鼠标悬浮在菜单项上时，字体颜色就会变为蓝色。你可以根据需要自行修改颜色值。

如果你想要修改 `<el-menu>` 中所有菜单项的默认字体颜色，可以使用以下 CSS 样式：

.el-menu-item {
  color: #333; /* 设置默认字体颜色为黑色 */
}

这样，所有菜单项的字体颜色就会变为黑色。你也可以根据需要自行修改颜色值。

<el-menu>中，当鼠标选中菜单后，会出现一个背景色，如何改成和父级的背景色一样

您可以通过设置 `active-background-color` 属性来将菜单选中后的背景颜色设置为与父级的背景色相同。具体地，在 `<el-menu>` 元素上设置 `active-background-color` 属性为 `inherit`，即可将菜单选中后的背景色设置为与父级的背景色相同，如下所示：

<el-menu active-background-color="inherit" ...>
  ...
</el-menu>

其中，`active-background-color` 属性用于设置菜单选中后的背景色，当该属性的值为 `inherit` 时，会继承父级元素的背景色。

通过以上设置，您就可以将菜单选中后的背景色设置为与父级的背景色相同了。