关于ElementUI，如何在悬停它时更改<el-submenu>的bg-color

Question

在elementUI中，我有一个el-menu组件，其中有一个el-submenu， 当我悬停它时，我可以更改el-menu-item的bg颜色，我的代码就像

.el-menu-item:hover {
  background-color: black;
  color:white
}

然而，当我对el-submenu执行相同操作时，它失败了

.el-submenu:hover{
  background-color: black;
  color:white;
}

我尝试了另一种方式

.el-submenu.is-opened {
  background-color: black;
  color:white;
}

也无法工作

看起来像那样

当我将鼠标悬停在子菜单上并打开时，我想更改bg颜色

Answer 1

我遇到了同样的问题，发现将鼠标悬停在el-submenu上时可以执行以下操作来更改背景颜色：

.el-submenu__title:hover {
    background-color: #000 !important;
}