菜单组件样式修改

[wad]

菜单组件鼠标光标移至上方出现颜色变更，该样式如何修改成我想要的颜色

[核桃酥]

1.可以在主题中设置2.可以自己在画面中写脚本，参考文档
https://bbs.airiot.cn/topic/394/如何编写组件css样式?_=1713929847707

[wad]

主题中设置了不生效

[wad]

@核桃酥

[核桃酥]

.ant-menu:not(.ant-menu-horizontal).front-menu > .ant-menu-item:hover {
background: red !important;
}

[wad]

@核桃酥 这样改了之后带有子菜单的菜单栏还是之前那样，但是没有子菜单的显示正常了

[wad]

@核桃酥

[核桃酥]

此回复已被删除！

[wad]

.ant-menu:not(.ant-menu-horizontal).front-menu > .ant-menu-item:hover,

.ant-menu:not(.ant-menu-horizontal).front-menu > .ant-menu-submenu:hover {

background: #409eff !important;

}这样写可以显示正常，但是子菜单项我尝试写成.ant-menu:not(.ant-menu-horizontal).front-menu .ant-menu-submenu-popup.ant-menu-vertical > .ant-menu-item:hover {

background: #409eff !important;

}这样却没生效@核桃酥

[wad]

此回复已被删除！

[wad]

@wad 在 菜单组件样式修改 中说：

.ant-menu:not(.ant-menu-horizontal).front-menu > .ant-menu-item:hover,

.ant-menu:not(.ant-menu-horizontal).front-menu > .ant-menu-submenu:hover {

background: #409eff !important;

}这样写可以显示正常，但是子菜单项我尝试写成.ant-menu:not(.ant-menu-horizontal).front-menu .ant-menu-submenu-popup.ant-menu-vertical > .ant-menu-item:hover {

background: #409eff !important;

}这样却没生效@核桃酥

[核桃酥]

需要找对你对应的class 类似这种

[wad]

@核桃酥 这个子菜单的class我没找到具体是什么，能帮我看一下修改一下吗

[核桃酥]

请参考我发的图片 ，已经标注了，就是粉色和绿色对应的