el-menu 点击有子元素的菜单项字体变色

效果图：

el-menu组件只是在点击跟元素时，根元素变色，如图:

.el-menu-item.is-active {
  background-color: rgb(56, 96, 226) !important;
  color: white;
}

 点击有子元素的菜单时不会变色，下面可以实现：

（点击有子元素菜单时，会有一个class属性is-opened,所以给其编辑样式即可）

.is-opened >.el-sub-menu__title span{
  /* background-color: rgb(56, 96, 226) !important;
  color: white; */
  color:rgb(56, 96, 226);
}

 注意：还需要配置elementUI中 menu 的 :unique-opened="true"  （每次只打开一个子菜单项，并且当一个新的子菜单项被打开时，其他已经打开的菜单项自动关闭）