html - bootstrap 4,当悬停在按钮上时光标不会改变但在 anchor 上会改变

标签 html css twitter-bootstrap bootstrap-4 twitter-bootstrap-4

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

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

在我的应用程序中,我有一个带有两个按钮的表单,一个是发布到表单,另一个是重定向到另一个页面。输入不显示光标,但 anchor 显示。我知道我可以创建一个自定义的 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>

最佳答案

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

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

LE - 稳定版于一周前发布,现在具有

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

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

关于html - bootstrap 4,当悬停在按钮上时光标不会改变但在 anchor 上会改变,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43115032/

相关文章:

c# - Request.Files 相同的文件上传asp.net mvc

html - 为选项标签内的内容提​​供不同的样式

javascript - Chrome 扩展 "Refused to load the script because it violates the following Content Security Policy directive"

javascript - 为什么不在浏览器上获得 JQuery 效果?

jquery - Chrome 并不总是在 css3 动画期间应用透视

css - 如何在 LESS 中设置 Arial Black 字体系列

php - Kriesi 分页不起作用

css - 将 div 缩放到背景图像的高度

javascript - Bootstrap Navbar-Collapse 不起作用

html - 在 bootstrap 上构建缩略图