Search code examples
cssbootstrap-4

Is there any bootstrap 4 class with "cursor:pointer" different than "btn"?

I am using bootstrap cards class and I want to see the cursor pointer when hovering some card. However, I do not want to use style attribute, only bootstrap classes. I know that btn class is a possible choice, but it includes text-align: center and therefore I have to insert text-left to fix the alignment behavior.

Is there any bootstrap 4 option that offer just cursor :pointer property?

Solution

  • You could add role="button" to your HTML element, because Bootstrap has the following CSS:

    [role=button] {
  cursor: pointer;
}

    This also has the bonus of adding accessibility hints.