iview menu菜单选中后高亮默认颜色怎么改？

Question

查看一系列资料后发现高亮默认是蓝色，我现在想改成红色，不知道应该该怎么写代码

Answer 1

覆盖原来的样式就行了,有帮助麻烦点个采纳【本回答右上角】，谢谢~~

.ivu-menu-light.ivu-menu-vertical .ivu-menu-item-active:not(.ivu-menu-submenu){background:#f00;color:#fff}
.ivu-menu-light.ivu-menu-vertical .ivu-menu-item-active:not(.ivu-menu-submenu)::after{backgrund:#f00}
.ivu-menu-light.ivu-menu-horizontal .ivu-menu-item-active, .ivu-menu-light.ivu-menu-horizontal .ivu-menu-item:hover, .ivu-menu-light.ivu-menu-horizontal .ivu-menu-submenu-active, .ivu-menu-light.ivu-menu-horizontal .ivu-menu-submenu:hover{background:#f00;color:#f00}

Answer 2

上面这2个样式放到style标签里面，并且style放到iview的样式下

Answer 3

//一级菜单颜色
.ivu-menu-submenu-title{
background-color:#6C000D;
}
//二级菜单颜色
.ivu-menu-item{
background-color:#920700;
}

.ivu-menu-light.ivu-menu-vertical .ivu-menu-item-active:not(.ivu-menu-submenu){
background:#f00;
color:#fff
}
.ivu-menu-light.ivu-menu-vertical .ivu-menu-item-active:not(.ivu-menu-submenu)::after{
backgrund:#f00
}
.ivu-menu-light.ivu-menu-horizontal .ivu-menu-item-active, .ivu-menu-light.ivu-menu-horizontal .ivu-menu-item:hover, .ivu-menu-light.ivu-menu-horizontal .ivu-menu-submenu-active, .ivu-menu-light.ivu-menu-horizontal .ivu-menu-submenu:hover{
background:#f00;
color:#f00
}
您看一下我放在这里了，我的一级二级菜单背景色是有效果的，但是我的选中高亮还是蓝色，麻烦啦

Answer 4

能发下你的代码吗。我这里直接改他们官网的样式没问题