How to remove text-decoration from React <Link>?-CodePudding

This is my snippet, I am trying to remove the text-decoration from the link.

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

Here is what I have already tried:

.header__links{
text-decoration: none;
}

I tried inline CSS:

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

Then i tried targeting a tag, ul tag and li tag too but none of it seems to work. Please help me solve it.

Note: I know this question has been asked before but none of those solved my issue, which is why I am asking it.

CodePudding user response：

Ok I finally found the reason, it was due to some browser configurations i guess, here is the code that fixed it:

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

CodePudding user response：

It is just typo..

style={{textDecoration='none'}} => style={{textDecoration: 'none'}}