Search code examples
cssreactjshyperlinkreact-bootstrap

I want to remove Underline in Bootstrap Link

I have seen similar questions but solution suggests to change it through css. I tried but unable to reproduce the solution for my code. Currently link is looking like this I also explored react-bootstrap docs but hey haven't mentioned any specific tag to remove that styling

enter image description here

I want to remove that Blue Under Line.

Code :

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

Is there Any way to add Short code inside the <Link> tag ? Or if we have to customize it in index.css then can you suggest any solution.

Solution 

  • .links {
  text-decoration: none;
}
    <Link className={`links`} to={`/panelmember/${item._id}`}>
  <Card.Title as="h2">
    <strong>{item.name}</strong>
  </Card.Title>
</Link>

    Like this