如何从 React <Link> 中删除文本装饰？

Question

这是我的代码片段，我正在尝试从链接中删除文本装饰。

 <ul className="header__links">
              <Link to="/">
                <li>Home</li>
              </Link>
    </ul>

这是我已经尝试过的：

.header__links{
text-decoration: none;
}

我尝试过内联CSS：

<Link to="/" style={{textDecoration='none'}}>

然后我也尝试定位标签、ul 标签和 li 标签，但似乎都不起作用。请帮我解决一下。

注意：我知道这个问题以前曾被问过，但没有一个解决了我的问题，这就是我问这个问题的原因。

Answer 1

好吧，我终于找到了原因，我猜这是由于某些浏览器配置造成的，这是修复它的代码：

a:-webkit-any-link {
  text-decoration: none;
  color: white;
  cursor: pointer;
}