我如何摆脱这个边界<link> ?

Question

I don't get why the links are surrounded by the borders when I use them in the table.

The links outside the table are looking just fine and don't have a border.

The border is now gone but the borders for the table are still missing.
Why is this happening?

<tr key={post.id} id={post.id}>
    <Link to = "/login" 
          style={{ color: '#FFF', textDecoration: "none", outline: 'none', fontSize: 1}}
          >
        <td style={{border:0}}>{post.name}</td>
    </Link>
    <td>{post.symbol}</td>
    <td>{post.industry}</td>
</tr>

Links Inside the Table:

Links outside the table:

Answer 1

Try border: 0 in the style of the Link

Answer 2

You have to put border: 0 on the <td> tag.