Bootstrap: <a> buttons have different cursor behaviour to <button> buttons.

[bardiharborow]

232e86d removed .btn { cursor: pointer; }, but kept [role="button"] { cursor: pointer; }, which causes <a class="btn" role="button"> to behave differently to <button class="btn">.

/cc @mdo

[mdo]

Hmm, yeah that's a tough one. Will noodle on it.

[martpie]

Btw, should a.btn still have a cursor: pointer? If I get Buttons shouldn’t have a hand cursor correctly, it's more about the shape than the action.

[patrickhlauke]

Btw, should a.btn still have a cursor: pointer?

if it behaves like a button (triggers a behavior, rather than acting as a link to another page/part of the current page), then in theory yes. But as some authors will apply .btn for things like calls to action that are in fact links to another page, it's a tough one to untangle one way of another...

[patrickhlauke]

But in general, assuming authors give the correct role="button" to links that act as buttons, then you'd probably want something like

[role="button"] { cursor: default; }

and possibly even things like role="tab"

[mdo]

Fixed with #21812.