lywlxq 2021-08-04 08:33 采纳率: 100%
浏览 232
已结题

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

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

  • 写回答

1条回答 默认 最新

  • CSDN专家-showbo 2021-08-04 08:39
    关注

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

    img

    .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}
    
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
    CSDN专家-showbo 2021-08-04 08:44

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

    回复
    lywlxq 回复 CSDN专家-showbo 2021-08-04 11:21

    //一级菜单颜色
    .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
    }
    您看一下我放在这里了,我的一级二级菜单背景色是有效果的,但是我的选中高亮还是蓝色,麻烦啦

    回复
    CSDN专家-showbo 回复 lywlxq 2021-08-04 12:40

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

    回复
    展开全部13条评论
编辑
预览

报告相同问题?

问题事件

  • 系统已结题 8月11日
  • 已采纳回答 8月4日
  • 创建了问题 8月4日
手机看
程序员都在用的中文IT技术交流社区

程序员都在用的中文IT技术交流社区

专业的中文 IT 技术社区,与千万技术人共成长

专业的中文 IT 技术社区,与千万技术人共成长

关注【CSDN】视频号,行业资讯、技术分享精彩不断,直播好礼送不停!

关注【CSDN】视频号,行业资讯、技术分享精彩不断,直播好礼送不停!

客服 返回
顶部