问题 bootstrap 4,当鼠标悬停在按钮上时光标不会改变,但锚点上的光标不会改变


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

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>

2490
2018-03-30 10:21


起源

你能说清楚吗?你是什​​么意思 curson on buttons has been removed? - Rehan
@ this.Believer当你将鼠标悬停在任何按钮上时,光标会从鼠标指针变为链接选择手指,但是使用bootstrap 4时,这种情况不会发生。 - InitLipton


答案:


这是你的解释 - 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/


15
2018-03-30 10:33



“手”或多或少是一个新手设备,意思是点击这里。我想从象牙塔上没有按钮就可以了。与大量网络用户合作时,这些规则并不是全部或同样适用。这里0.02美元。同样的UI / UX辩论激怒了目标=“_空白”......而且......仍然存在且非常重要。其中一个XHTML版本sorta弃用了锚点(如果内存服务则为1.0)。 iframes一直受到好评,相反几次。我记得嵌入,对象,眨眼和其他标签辩论。去做有用的。 - Marc
具有讽刺意味的是,该帖子上的所有中等按钮(截至2017-10-29)改变光标的方式完全与帖子所说的不应该相同。我认为当人们可点击而不改变它时,人们已经习惯了光标变化,这向用户发出信号,表明事物不可点击。 - ropeladder
这对于bootstrap来说尤其错误,因为它确实提供了指针/切换链接按钮,这些按钮与输入按钮相同。因此,存在不一致的用户体验,这比关于过度响应的迂腐论点更糟糕。 - Acyra
@Acyra - 不再是这样。我已经更新了我的答案。 - Ravenous


class="btn"

它会使光标成为指针


-3
2018-01-09 00:35



问题表明这两个要素已经有了 btn 类。 - Kimball