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

Posted 2023-03-05

【中文标题】bootstrap 4，光标悬停在按钮上时不会改变，但在锚点上会改变

【英文标题】：bootstrap 4, cursor doesn't change when hovering over a button but does on anchors

【发布时间】：2017-08-24 05:04:31

【问题描述】：

我正在使用 bootstrap 4 alpha，似乎按钮上的光标已被删除，但不是锚标签。引导站点上的示例。

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

在我的应用程序中，我有一个带有两个按钮的表单，一个是发布到表单，另一个是重定向到另一个页面。输入不显示光标，但锚点显示。我知道我可以创建一个自定义 css 类，但是是否有原因将其删除，或者它是当前 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>

【问题讨论】：

你能说清楚吗。 curson on buttons has been removed 是什么意思？

@this.Believer 当您将鼠标悬停在任何按钮上时，光标会从鼠标指针变为链接选择手指，但使用 bootstrap 4 不会发生这种情况。

【参考方案1】：

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

我不确定 Bootstrap v4 是否也将其添加到锚元素上（目前无法检查），但我可以肯定的是，只要链接具有 href 属性，浏览器就会默认添加光标.

LE - 稳定版本于一周前推出，现在具有

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

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

【讨论】：

“手”或多或少是一个助记词，意思是点击这里。我想从象牙塔看，没有手按按钮是规则。当与大量网络用户一起工作时，这些规则并不总是适用或以同样的方式适用。这里 0.02 美元。同样类型的 UI/UX 辩论在 target="_blank" 上肆虐……而且……仍然存在并且非常重要。其中一个 Xhtml 版本有点弃用了锚点（如果有记忆，则为 1.0）。 iframe 一直很受欢迎，反之亦然。我记得嵌入、对象、闪烁和其他标签辩论。随心所欲。

具有讽刺意味的是，该帖子（截至 2017 年 10 月 29 日）上的所有 Medium 按钮都会按照帖子所说的方式更改光标。我认为人们已经习惯了当东西可以点击时光标的改变，以至于不改变它会向用户表明该东西是不可点击的。

这对于引导程序尤其错误，因为它确实提供了与输入按钮样式相同的指针/移交链接按钮。因此存在不一致的用户体验，这比关于过度响应的迂腐论点更糟糕。

@Acyra - 不再是这种情况。我已经更新了我的答案。

看起来可能又变了，没有光标：我的版本中的指针：github.com/twbs/bootstrap/blob/master/scss/_buttons.scss

【参考方案2】：

添加class="btn"

它使光标成为指针

【讨论】：

问题表明这两个元素都已经拥有btn 类。