bootstrap 4、鼠标悬停在按钮上时光标不会改变，但在锚点上会改变

Question

我使用的是 bootstrap 4 alpha，按钮上的光标似乎已针对按钮而不是锚标记移除。 bootstrap 站点上的示例。

https://v4-alpha.getbootstrap.com/components/buttons/

在我的应用程序中，我有一个带有两个按钮的表单，一个是 post 到表单，另一个是重定向到另一个页面。输入不显示光标，但锚点显示。我知道我可以创建一个自定义 css class，但是为什么这个被删除是有原因的还是当前的 alpha 版本有问题？

<input type="submit" value="Sign In" class="btn btn-primary" />
<a role="button" href="@Url.Action("Register", "Account")" class="btn btn-secondary">Register Now</a>

Answer 1

这是您的解释 - https://medium.com/simple-human/buttons-shouldnt-have-a-hand-cursor-b11e99ca374b

我不确定 Bootstrap v4 是否也将其添加到锚元素上（目前无法检查），但我可以肯定的是浏览器默认情况下会在 link 具有 href 属性。

LE - 一周前发布了稳定版本，现在具有

.btn:not(:disabled):not(.disabled) {
    cursor: pointer;
}

https://blog.getbootstrap.com/2018/01/18/bootstrap-4/

的公告

Answer 2

添加class="btn"

它使光标成为指针

bootstrap 4、鼠标悬停在按钮上时光标不会改变，但在锚点上会改变

bootstrap 4, cursor doesn't change when hovering over a button but does on anchors

html

css

twitter-bootstrap

twitter-bootstrap-4

bootstrap-4