如何摆脱React路由器的链接组件的下划线?

我有以下几点:

如何去掉蓝色下划线? 代码如下:

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

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

当前回答

 a {
  text-decoration: none !important;
  color: black !important; 
  font-size: 20px;
}

在App.css中使用

其他回答

只需将此添加到您的css文件或样式中，以删除任何导致下划线的链接!

答:-webkit-any-link{文字修饰:没有;}

我有一个问题，链接元素将我的h4更改为“下划线”，设置文本装饰:“none”不起作用，我唯一的解决方案是使用按钮。

<Link to="/settings">
    <button>Settings</button>
</Link>

Just

<Link
   to={`$path`}
   style={{ borderBottom: "none" }}> 
    .... 
</Link>

我只是加了两行，就为我工作了:)

{
 text-decoration: none; 
 color: black;
}

<Link />标签在呈现时基本上是<a>标签，所以你可以只写

a { text-decoration: none; }

这对我来说很有效:) 祝你好运

推荐文章