Vue.js 如何在elementUI中自定义菜单的背景颜色

在elementUI中，默认背景色为白色；当选择它们时：深色，它是黑色的，但是我怎么能自己定制背景色呢？ 我曾尝试在el菜单标记处添加style属性，但没有成功

<el-menu style="{background-color: rgb(36,36,36)!important}" 

---

该特定元素的
类
不可修改，请查看：

:class="{
    'el-menu--horizontal': mode === 'horizontal',
    'el-menu--dark': theme === 'dark',
    'el-menu--collapse': collapse
  }"

因此，您的选择是：

用一个自定义的
包装它。你可以像这样直接放置背景色

<el-menu
  background-color="#304156"
  text-color="#bfcbd9"
  active-text-color="#409EFF"
  style="height: 61px;"
></el-menu>


覆盖组件
.el-menu-item.is-active{背景色：#20a0ff；}
是否需要创建自定义标记
@LucasFang当然，但我不知道您的用例。