如何摆脱<Link>的边界?

时间:2020-05-19 19:53:55

标签: javascript reactjs

当表格中使用链接时,我不明白为什么链接会被边框包围。

表格外的链接看起来很好,没有边框。

边框现在消失了,但表格的边框仍然缺失。
为什么会这样?

<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:

2 个答案:

答案 0 :(得分:0)

在链接的border : 0中尝试style

答案 1 :(得分:0)

您必须将border : 0放在<td>标记上。

相关问题