antDesign menu 自定義修改選中樣式，一級和多級菜單

項(xiàng)目里一級菜單和二級菜單都存在的情況下，需要對選中的父級菜單做高亮選中狀態(tài)

---

問題描述

二級和一級菜單互不影響選中(我這都選中了)

.ant-menu-submenu-selected > .ant-menu-submenu-title {position: relative; } .ant-menu-submenu-selected > .ant-menu-submenu-title:before {width: 4px;height: 20px;position: absolute;content: "";left: 0;background: pink; }

---

---

解決方案：

當(dāng)有子菜單時，不希望子菜單選中，通過觀察，將兄弟級下的選中子菜單排除掉

.ant-menu-item-selected {position: relative; } .ant-menu-item-selected:before {width: 4px;height: 20px;position: absolute;content: "";left: 0;background: pink; }.ant-menu-submenu-selected > .ant-menu-submenu-title {position: relative; } .ant-menu-submenu-selected > .ant-menu-submenu-title:before {width: 4px;height: 20px;position: absolute;content: "";left: 0;background: pink; } .ant-menu-submenu-selected.ant-menu-submenu-title+ ul.ant-menu-item-selected:before {display: none; }

---

這樣就可以了！！

總結(jié)

以上是生活随笔為你收集整理的antDesign menu 自定义修改选中样式，一级和多级菜单的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。