如何去掉 React Router 的 Link 组件的下划线？

Question

我有以下内容：

我如何摆脱蓝色下划线？

代码如下：

 <Link to="first"><MenuItem style={{paddingLeft: 13, textDecoration: 'none'}}> Team 1 </MenuItem></Link>

MenuItem 组件来自 http://www.material-ui.com/#/components/menu

原文由 Jo Ko 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

添加css样式

a:link {
 text-decoration: none;
 color: #cc850a;
 }

 a:visited {
 text-decoration: none;
 color: #cc850a;
 }

 a:hover {
 text-decoration: none;
 color: #47a1ad;
 }

 a:active {
 text-decoration: none;
 }

原文由 Hitesh Sahu 发布，翻译遵循 CC BY-SA 4.0 许可协议