首页 > 解决方案 > Ant Design:覆盖 Menu.Item 的文本颜色

问题描述

我想覆盖 ant design 中菜单项的文本颜色。

 <Menu.Item key="home" style={{color: "#BFBFBF"}}>
     <Link to="/">Home</Link>
 </Menu.Item>

但是,这不起作用。我也尝试过直接覆盖样式

.ant-menu-title-content { color: #BFBFBF; }

但这也不起作用。

有没有办法做到这一点?

标签: cssreactjsantd

解决方案


您的自定义 CSS 规则必须在其他地方被覆盖。

这个对我有用:

您可能还想尝试定位ant-menu-item类和/或放置!importantcolor十六进制之后。


推荐阅读