满口金牙 2022-05-14 20:54 采纳率: 91.5%
浏览 200
已结题

ant design menu 上行栏下拉菜单位 样式修改不动,请教

下拉菜单,修改行高和背景色。看了好多贴子,都没用啊
?%ra=linkhttps://www.antdv.com/components/menu-cn#components-menu-demo-horizontal

https://www.antdv.com/components/menu-cn#components-menu-demo-horizontal?%ra=link


就第一个例子,水平的顶部导航菜单。
下拉菜单,修改行高和背景色。看了好多贴子,都没用啊
在控制台找了几乎所有的元素,一个一个试,没辄了 ,就是改不了。

侧边的 menu可以修改,就这个不行。


 :deep(.ant-menu-dark){
    background-color: rgb(183, 201, 134)!important;
  }
  // :deep(.ant-menu-item){
  //   background-color: rgb(0, 255, 42) !important;
 
 // }
  :deep(.ant-menu-submenu .ant-menu-item){ // 
    background-color: rgb(187, 165, 243) !important;
  }
  :deep(.ant-menu-submenu-popup){ // 这个是上面的
    background-color: rgb(143, 234, 255) !important;
  }
  :deep(.ant-menu-overflow-item){ // 这个是上面的
    background-color: rgb(83, 223, 255) !important;
  }
  :deep(.ant-menu-sub){ 
    background-color: rgb(174, 91, 182) !important;;
  }
  :deep(.ant-menu-submenu-title){
    height: 30px!important;
    line-height: 30px!important;
  }
  :deep(.ant-menu-vertical){
    background-color: rgb(185, 42, 42) !important;
  }
  :deep(.ant-menu-submenu-horizontal){
    height: 30px!important;
    line-height: 30px!important;
    background-color: rgb(185, 42, 42) !important;
  }

希望您能用官方原码试试。多谢!

  • 写回答

5条回答 默认 最新

  • 关注

    你题目的解答代码如下:

    .ant-menu-submenu-popup .ant-menu-item-group-title {
        height: 30px!important;
        line-height: 30px!important;
        background-color: rgb(13, 106, 42) !important;
    }
    .ant-menu-submenu-popup .ant-menu-item-group-list > li{
        height: 30px!important;
        line-height: 30px!important;
        background-color: rgb(185, 42, 42) !important;
    }
    

    如有帮助,请点击我的回答下方的【采纳该答案】按钮帮忙采纳下,谢谢!

    img

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(4条)

报告相同问题?

问题事件

  • 系统已结题 5月23日
  • 已采纳回答 5月15日
  • 修改了问题 5月14日
  • 创建了问题 5月14日

悬赏问题

  • ¥15 搭建QEMU环境运行OP-TEE出现错误
  • ¥15 Minifilter文件保护
  • ¥15 onvif框架引用一直报错
  • ¥50 C#和C++混合编程,使用CLR托管,报错System.Runtime.InteropServices.SEHException
  • ¥30 .NET使用sqlite发布后报错
  • ¥15 微信小程序获取华为云影子设备失败,显示403报错
  • ¥15 Unity在WebGL平台导出Word报错问题
  • ¥15 ghpython这里总是报错而且rhino视图窗口内不显示怎么办
  • ¥15 布尔运算推导,请证明
  • ¥15 有没有人会打学生成绩管理系统呀