el-menu更改样式

要更改el-menu的样式，您可以使用以下方法之一：

1. 使用自定义CSS：您可以为el-menu的父元素添加一个类，并使用自定义CSS来更改样式。例如，您可以为el-menu的父元素添加一个类名为"custom-menu"，然后在您的CSS文件中添加以下样式：

.custom-menu .el-menu {
  background-color: #f0f0f0;
  color: #333;
}

.custom-menu .el-menu-item {
  padding: 10px;
}

.custom-menu .el-menu-item:hover {
  background-color: #ccc;
}

2. 使用scoped CSS：如果您使用的是Vue，可以使用scoped CSS来限定样式的作用范围。在el-menu的组件中，添加一个`scoped`属性，然后在样式中使用`.scoped`选择器来修改样式。例如：

<template>
  <div>
    <el-menu class="scoped">
      <el-menu-item>Item 1</el-menu-item>
      <el-menu-item>Item 2</el-menu-item>
      <el-menu-item>Item 3</el-menu-item>
    </el-menu>
  </div>
</template>

<style scoped>
.scoped .el-menu {
  background-color: #f0f0f0;
  color: #333;
}

.scoped .el-menu-item {
  padding: 10px;
}

.scoped .el-menu-item:hover {
  background-color: #ccc;
}
</style>

这些方法可以帮助您更改el-menu的样式。根据您的项目需求和技术栈选择适合您的方法。