css - 我想删除引导链接中的下划线

Question

我见过类似的问题，但解决方案建议通过 css 更改它。我尝试但无法重现我的代码的解决方案。目前链接看起来像react-bootstrap这样

我想删除那个蓝色下线。

代码 ：

                      <ListGroup.Item>
                        <Link to={`/panelmember/${item._id}`}>
                          <Card.Title as="h2">
                            <strong>{item.name}</strong>
                          </Card.Title>
                        </Link>
                      </ListGroup.Item>

有没有办法在标签内添加短代码<Link>？或者，如果我们必须对其进行自定义，index.css那么您能否提出任何解决方案。

标签： cssreactjshyperlinkreact-bootstrap

Answer 1

.links {
  text-decoration: none;
}

<Link className={`links`} to={`/panelmember/${item._id}`}>
  <Card.Title as="h2">
    <strong>{item.name}</strong>
  </Card.Title>
</Link>

像这样