我想删除 Bootstrap Link 中的下划线

Question

我看到过类似的问题，但解决方案建议通过 css 更改它。我试过但无法为我的代码重现解决方案。当前 link 看起来像这样我还研究了 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 中对其进行自定义，那么您能否提出任何解决方案。

Answer 1

.links {
  text-decoration: none;
}

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

像这样

我想删除 Bootstrap Link 中的下划线

I want to remove Underline in Bootstrap Link

css

hyperlink

reactjs

react-bootstrap